本文和大家重點(diǎn)討論一下CSS在IE6，IE7，F(xiàn)irefox瀏覽器中區(qū)分的幾種方法，相信本文介紹一定會讓你有所收獲，歡迎大家一起來學(xué)習(xí)。

CSS在IE6，IE7，F(xiàn)irefox瀏覽器中區(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都能識別*;標(biāo)準(zhǔn)瀏覽器(如Firefox)不能識別*；

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

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

Firefox不能識別*，但能識別!important;

                    IE6     IE7     Firefox
          *           √         √          ×
 !important      ×        √         √

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

于是大家還可以這樣來區(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)先級別，則字體大小按照!important標(biāo)記的12px展示

文章來源:Div-Css.net設(shè)計網(wǎng)參考:http://www.div-css.net/div_css/topic/index.asp?id=7617

【編輯推薦】

1. IE8與IE7實(shí)現(xiàn)共存的兩種方法揭秘
2. DIV層在IE6下被下拉框遮擋的解決方法
3. JavaScript巧解IE6至IE8兼容問題
4. 深入探究IE8和IE7的24個區(qū)別
5. CSS中輕松實(shí)現(xiàn)Firefox與IE透明度