溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CSS中怎么區(qū)分IE6,IE7,F(xiàn)irefox瀏覽器

發(fā)布時間:2021-06-18 14:00:12 來源:億速云 閱讀:94 作者:chen 欄目:web開發(fā)

本篇內(nèi)容介紹了“CSS中怎么區(qū)分IE6,IE7,F(xiàn)irefox瀏覽器”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

本文和大家重點(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展示

“CSS中怎么區(qū)分IE6,IE7,F(xiàn)irefox瀏覽器”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI