轉載 Div+css瀏覽器兼容實例分析（一）

今天又在OECP社區發現了一篇好文章，《Div+css瀏覽器兼容實例分析》，由於文章太長因此分爲兩篇上傳給你們分享。

用div+css佈局來作頁面相比用table來作頁面固然是好處多多,好比說我前面文章所提到過的"div+css網頁佈局對seo的好處"和網頁打開速度更快的優勢,因此div+css佈局也成爲最愛歡迎和關注的焦點. 然而div+css瀏覽器兼容問題一直困繞着許多從事DIV＋CSS網頁排版的美工人員，尤爲是IE與火狐的兼容.用div+css佈局的網頁在IE下顯示一切正常,但是在火狐（FireFox）瀏覽器裏打開，原本好好網頁一會兒就全亂了.讓人怎麼看?這必定會影響到你的網站的推廣,seo優化,不利於搜所引擎的搜索.因此解決div+css瀏覽器兼容的問題是徹底必須的.

下面來看一下 di+css 瀏覽器兼容的實例，區分IE6，IE7，firefox 火狐瀏覽器CSS的寫法：

先來分開區分一下。

首先聲明 div+css 瀏覽器兼容性IE6與IE7與火狐(firefox)的一些識別規則：

1.       IE都能識別* ; 標準瀏覽器(如FF)不能識別*；

2.       IE6能識別*，但不能識別 !important,

3.       IE7能識別*，也能識別!important;

4.       firefox不能識別*，但能識別!important;

 

請看下簡單的 div+css 瀏覽器兼容實例:

 

1．IE6和firefox的區別：

       background:orange;*background:blue;

 意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍色.

2. IE6和IE7的區別：

       background:green !important;background:blue;

意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍色

3. 區別IE7與FF：

       background:orange; *background:green;

意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色

 

4.       FF，IE7，IE6：

       background:orange;*background:green !important;*background:blue;

意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍色.

 

爲了更加清楚的來表達說明 div+css 瀏覽器兼容下面表格是更加清楚的能表達IE6,IE7,FF之間的識別標識區別:

固然關於div+css瀏覽器的兼容問題還有不少,因爲時間的關係,下篇文章再來說述更多的div+css瀏覽器兼容實例!

 

本文轉載自OECP社區http://www.oecp.cn/hi/listly/blog/296