用DIV+CSS布局的網(wǎng)頁在IE下顯示一切正常,可是在火狐（FireFox）瀏覽器里打開，結(jié)果個(gè)是非?；靵y，這一定會(huì)影響到你的網(wǎng)站的推廣，seo優(yōu)化，不利于搜所引擎的搜索，所以解決DIV+CSS瀏覽器兼容的問題是完全必須的。

IE6，IE7，firefox火狐瀏覽器兼容性在DIV+CSS中寫法

DIV+CSS瀏覽器兼容問題一直困繞著許多從事DIV＋CSS網(wǎng)頁排版的美工人員，尤其是IE與火狐的兼容。用DIV+CSS布局的網(wǎng)頁在IE下顯示一切正常,可是在火狐（FireFox）瀏覽器里打開，本來好好網(wǎng)頁一下子就全亂了，這一定會(huì)影響到你的網(wǎng)站的推廣，seo優(yōu)化，不利于搜所引擎的搜索，所以解決DIV+CSS瀏覽器兼容的問題是完全必須的。

下面來看一下DIV+CSS瀏覽器兼容的實(shí)例，區(qū)分IE6，IE7，firefox火狐瀏覽器CSS的寫法：
先來分開區(qū)分一下。

◆首先聲明DIV+CSS瀏覽器兼容性IE6與IE7與火狐(firefox)的一些識(shí)別規(guī)則：

1.IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；

2.IE6能識(shí)別*，但不能識(shí)別!important,

3.IE7能識(shí)別*，也能識(shí)別!important;

4.firefox不能識(shí)別*，但能識(shí)別!important;

◆請(qǐng)看下簡(jiǎn)單的DIV+CSS瀏覽器兼容實(shí)例:

1．IE6和firefox的區(qū)別： 

background:orange;  
 
*background:blue;  

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

2.IE6和IE7的區(qū)別： 

background:green!important;  
 
background:blue;  

意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍(lán)色

3.區(qū)別IE7與FF： 

background:orange;  
 
*background:green;  

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

4.FF，IE7，IE6：

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

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

為了更加清楚的來表達(dá)說明DIV+CSS瀏覽器兼容下面表格是更加清楚的能表達(dá)IE6,IE7,FF之間的識(shí)別標(biāo)識(shí)區(qū)別:

                   IE6          IE7          FF

           *          √           √            ×

  important      ×           √            √

【編輯推薦】

1. JavaScript巧解IE6至IE8兼容問題
2. IE6、IE7、IE8三大瀏覽器兼容性對(duì)比
3. 網(wǎng)頁排版中IE6，IE7，F(xiàn)irefox瀏覽器兼容性寫法
4. CSS屬性display:inline-block使用揭秘
5. Firefox、IE7、IE6瀏覽器兼容問題概念解析