你對(duì)兼容IE6,IE7,IE8,Firefox瀏覽器的方法是否熟悉，這里和大家分享一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK寫(xiě)法，希望對(duì)你的學(xué)習(xí)有所幫助。

全面兼容IE6,IE7,IE8,Firefox的CSS HACK寫(xiě)法

寫(xiě)頁(yè)面設(shè)計(jì)的朋友們，經(jīng)常為瀏覽器CSS的兼容性頭痛不已，經(jīng)過(guò)本人的仔細(xì)研究發(fā)現(xiàn)一種好的寫(xiě)法，現(xiàn)在與大家分享CSS HACK寫(xiě)法。

CSS代碼：

<styletypestyletype=”text/CSS”> 
#body{  
border:2pxsolid#00f;/*Firefox的屬性*/  
border:2pxsolid#090\9;/*IE6/7/8的屬性*/  
border:2pxsolid#F90\0;/*IE8支持*/  
 
_border:2pxsolid#f00;/*IE6的屬性*/  
}  
 
</style> 

 Html代碼:

<dividdivid=”body”> 
<ul> 
<li>Firefox下藍(lán)邊</li> 
<li>IE6下紅邊</li> 
<li>IE7下綠邊</li> 
<li>IE8下黃邊</li> 
</ul> 
</div> 
 

注:CSS順序不能寫(xiě)錯(cuò)，因?yàn)镕irefox不認(rèn)識(shí)\9,\0,_寫(xiě)法,所以為藍(lán)邊;\9是IE6，IE7，IE8的屬性,下面代碼并沒(méi)有重寫(xiě)IE7的代碼，所以IE7下綠邊;同理,\0為IE8屬性，相當(dāng)于重寫(xiě)了顏色，所以IE8下為黃邊,_是IE6的屬性,重寫(xiě)顏色為紅邊。

【編輯推薦】

1. CSS Hack的基本原理和實(shí)現(xiàn)方式
2. IE8瀏覽器中正式版CSS hack技術(shù)用法
3. 深入探究DIV CSS布局中position屬性用法
4. CSS屬性display:inline-block使用揭秘
5. CSS display:block顯示布局錯(cuò)亂解決方案