CSS 基本的hack

css hack主要分爲3種

 IE條件註釋(推薦)

<!--[if <keywords>? IE <version>?]>
HTML代碼塊
<![endif]-->

keywords ?  問號表示無關緊要 ,如沒有keywords表示是否爲IE或者IE那個版本

keywords關鍵字有: gt(大於), lt(小於), gte(大於等於), lte(小於等於), !(非);

version ? 問號表示無關緊要 ,若是有指定IE的版本,通常從6開始.

<!--[if lte IE 7]>
<style>
.test{color:red;}
</style>
<![endif]-->

小於等於IE7,test類字體顏色爲紅色.

css屬性hack

div{
width: 500px; 
*width:300px; /* for ie7/ie6  */
_width:200px; /* for ie6  */
}

p{color:red !important; color:blue;}  /* ie6不支持 !important */

注意支持級別從高到低的寫.由於後面的須要覆蓋前面的樣式.

 

選擇器hack

div{color:red;} 
div:hover{color:blue;} /* ie8+支持任意元素hover僞類 */