全面兼容ie6,ie7,ie8,ff的CSS HACK寫法

全面兼容ie6,ie7,ie8,ff的CSS HACK寫法

寫頁面設計的朋友們，經常爲瀏覽器CSS的兼容性頭痛不已，經過本人的仔細研究發現一種好的寫法，現在與大家分享.

CSS代碼：

<style type=”text/css”>
#body {
border:2px solid #00f;     /*ff的屬性*/
border:2px solid #090\9;   /* IE6/7/8的屬性 */
border:2px solid #F90\0;     /* IE8支持 */
_border:2px solid #f00;     /*IE6的屬性*/
}
</style>

html代碼:

<div id=”body”>
<ul>
<li>FF下藍邊</li>
<li>IE6下紅邊</li>
<li>IE7下綠邊</li>
<li>IE8下黃邊</li>
</ul>
</div>

注:css順序不能寫錯，因爲ff不認識\9,\0,_寫法,所以爲藍邊;\9是IE6，7，8的屬性,下面代碼並沒有重寫IE7的代碼，所以IE7下綠邊;同理,\0爲ie8屬性，相當於重寫了顏色，所以IE8下爲黃邊,_是ie6的屬性,重寫顏色爲紅邊.