您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“css同一樣式表中區(qū)分IE6 IE7 Firefox樣式的方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css同一樣式表中區(qū)分IE6 IE7 Firefox樣式的方法”吧!
同一樣式表中如何對區(qū)分IE6,IE7,Firefox的樣式
導(dǎo)致網(wǎng)頁制作者面臨著許多煩惱,是由于Firefox與IE對于css規(guī)范支持略有不同。許多時(shí)候不得不制作兩套css文件,或者使用一些成熟的css框架。但是還有一些情況下,當(dāng)我針對IE設(shè)置完css之后,用Firefox打開,發(fā)現(xiàn)只有一兩個(gè)樣式不太合適,專門再寫一個(gè)css文件不太合算。那么就可以針對某一兩個(gè)屬性進(jìn)行設(shè)置。只要了解IE與Firefox一些不同,就能夠很容易達(dá)到這個(gè)目的。
◆IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;
IE6能識(shí)別*,但不能識(shí)別!important,
IE7能識(shí)別*,也能識(shí)別!important;
FF不能識(shí)別*,但能識(shí)別!important;
◆總結(jié)出下表:
IE6 IE7 FF
* √ √ ×
!important × √ √
因此,要在某一個(gè)css屬性上區(qū)分IE和Firefox,可以利用“*”符號(hào),使用如下設(shè)置:
background-color:#3F87E4; *background-color:#2e7ee8;
***行,IE和Firefox都能夠識(shí)別出來,第二行IE能夠識(shí)別并且覆蓋掉***行的內(nèi)容,而Firefox不能識(shí)別。這樣就達(dá)到了在Firefox中使用***行設(shè)置,而在IE中使用第二行設(shè)置的目的。
利用上表,還能夠區(qū)分IE6和IE7,以及IE6與Firefox,IE7與Firefox,可以分別進(jìn)行不同的設(shè)置。如:
◆區(qū)別IE6與IE7:
background:green!important; background:blue;
◆區(qū)別FF,IE7,IE6:
background:orange; *background:green!important; *background:blue;
但是需要注意到一點(diǎn)是:不管是什么方法,書寫的順序都是Firefox的寫在前面,IE7的寫在中間,IE6的寫在***面。
到此,相信大家對“css同一樣式表中區(qū)分IE6 IE7 Firefox樣式的方法”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(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)容。