CSS 基本的hack

2022-04-30 01:29:36

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伪类 */

码农公寓