你對(duì)在CSS中區(qū)分IE6，IE7，F(xiàn)irefox三大瀏覽器的方法是否了解，這里和大家分享一下，希望對(duì)你的學(xué)習(xí)有所幫助。

CSS在IE6，IE7，F(xiàn)irefox幾點(diǎn)區(qū)分

◆區(qū)別IE6與Firefox：

background:orange;*background:blue;

◆區(qū)別IE6與IE7：

background:green!important;background:blue;

◆區(qū)別IE7與Firefox：

background:orange;*background:green;

◆區(qū)別Firefox，IE7，IE6：

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

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

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

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

Firefox不能識(shí)別*，但能識(shí)別!important;

                                IE6                  IE7          Firefox       
                   *              √                  √                ×

               !important   ×                 √                 √

另外再補(bǔ)充一個(gè)，下劃線"_",IE6支持下劃線，IE7和Firefox均不支持下劃線。

于是大家還可以這樣來(lái)區(qū)分IE6，IE7，F(xiàn)irefox
:background:orange;*background:green;_background:blue;

注：不管是什么方法，書寫的順序都是Firefox的寫在前面，IE7的寫在中間，IE6的寫在***面。

示例代碼： 

.p_redirect{  
background-color:#FirefoxFirefoxFirefox;  
border:1pxsolid#A3C2E0;  
margin-right:1px;  
font-size:12px!important;  
font-size:13px;  
}  

是為了兼容IE/Firefox使用如下代碼： 

font-size:12px!important;  
font-size:13px;  

在IE里面，由于IE不理解!important，則字體大小按照***設(shè)定的13px展示，而Firefox里面，!important為提高優(yōu)先級(jí)別，則字體大小按照!important標(biāo)記的12px展示

【編輯推薦】

1. 探究IE7beta2的CSS兼容性
2. IE6、IE7、Firefox中margin問(wèn)題解決辦法
3. 探究IE8與IE7實(shí)現(xiàn)共存的兩種方法
4. CSS兼容：解決IE6、IE7和IE8的兼容問(wèn)題妙招
5. 將XHTML+CSS頁(yè)面轉(zhuǎn)換為打印機(jī)頁(yè)面技巧