解决浏览器兼容问题(主要兼容IE浏览器)
- 属性级hack
在css属性名前或者除css属性值后加上一些特殊的标识,以便不同浏览器支持
- _下划线:选择IE6及以下
- *:选择IE7及以下
- \09:选择IE8+
- \0:选择IE8+和opera15以下的浏览器
_color:red;/*只有在IE6以下显示红色字体*/
- 选择级Hack
gt 大于
gte 大于等于
le 小于
lte 小于等于
- *html:IE6及更早的浏览器
*html .box {background:red;}/*只有在IE6以下显示红色*/
- 条件Hack
- 只有在IE中可以看到
<!-- [if IE]>
<p>只有在IE中才能看到我<p>
<![endif]-->
- 只有IE6以上,才能看到红色文本
<!-- [if gt IE]>
<style>
.test{color:red;}
</style>
<![endif]-->
注意:IE10及以上版本已经将条件注释特性移出
- !important
有些特殊情况需要为某一些样式设置具有最有权值,可以使用!important来解决。!inportant优先级高于行内样式。
网友评论