本文和大家重點討論一下CSS在IE6，IE7，Firefox浏覽器中區分的幾種方法，相信本文介紹一定會讓你有所收獲，歡迎大家一起來學習。
CSS在IE6，IE7，Firefox浏覽器中區分的方法
◆區別IE6與Firefox：
background:orange;*background:blue;
◆區別IE6與IE7：
background:green!important;background:blue;
◆區別IE7與Firefox：
background:orange;*background:green;
◆區別Firefox，IE7，IE6：
background:orange;*background:green!important;*background:blue;
注：IE都能識別*;標准浏覽器(如Firefox)不能識別*；
IE6能識別*，但不能識別!important,
IE7能識別*，也能識別!important;
Firefox不能識別*，但能識別!important;
IE6 IE7 Firefox
* √ √ ×
!important × √ √
◆另外再補充一個，下劃線"_",
IE6支持下劃線，IE7和Firefox均不支持下劃線。
於是大家還可以這樣來區分IE6，IE7，Firefox
: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，則字體大小按照最後設定的13px展示
而Firefox裡面，!important為提高優先級別，則字體大小按照!important標記的12px展示
文章來源:Div-Css.net設計網參考:http://www.div-CSS.Net/div_CSS/topic/index.ASP?id=7617
【編輯推薦】