可區(qū)別IE6、IE7、IE8和firefox的CSS hack
來源：程序員人生 發(fā)布時(shí)間：2014-06-09 09:24:06 閱讀次數(shù)：3287次
我從來沒有使用過CSS hack，以前以為會(huì)很麻煩，但是今天學(xué)習(xí)后，發(fā)現(xiàn)是非常簡(jiǎn)單的。我真佩服我自己，不用寫CSS hack都能使我的網(wǎng)站在各個(gè)瀏覽器下兼容，但是有些問題不使用CSS hack真的會(huì)很麻煩。
Gonten今天收集了很多的CSS兼容性文章，整理出了可以區(qū)別IE6、IE7、IE8和firefox的CSS hack，使用方法都很簡(jiǎn)單，看看下面的區(qū)分方法吧！
首先，先看看基本的CSS hack技巧：
IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；
IE6能識(shí)別*，但不能識(shí)別 !important,
IE7能識(shí)別*，也能識(shí)別!important;
FF不能識(shí)別*，但能識(shí)別!important;
IE6支持下劃線，IE7和firefox均不支持下劃線。
IE6及IE6以下識(shí)別* html {…}，僅IE7識(shí)別*+html {…}
僅IE支持在屬性值后加上“9”。
通過以上的說明，我們可以這樣來區(qū)別各個(gè)瀏覽器：
區(qū)別IE6可以加上下劃線“_”，如： _margin-top:10px
區(qū)別IE7可以加上*+html，如： *+html .box{….}
區(qū)別FF可以這樣寫：
background-color: #CC00FF; /*所有瀏覽器都會(huì)顯示為紫色*/
background-color: #FF00009; /*IE6、IE7、IE8會(huì)顯示紅色*/
區(qū)別IE6、IE7、IE8、FF，可以這樣寫：
background-color: #CC00FF; /*所有瀏覽器都會(huì)顯示為紫色*/
background-color: #FF00009; /*IE6、IE7、IE8會(huì)顯示紅色*/
*background-color: #0066FF; /*IE6、IE7會(huì)變?yōu)樗{(lán)色*/
_background-color: #009933; /*IE6會(huì)變?yōu)榫G色*/
通過以上這幾個(gè)技巧應(yīng)該可以解決很多瀏覽器兼容性問題了，注意CSS是遵循“后來者居上”的，也就是后面的CSS會(huì)覆蓋前面相同的CSS，所以在寫CSS hack的時(shí)候要注意順序。
本文來自: www.Gonten.com
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
