你對在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展示