本文介绍了针对不同版本IE浏览器的CSS样式兼容性解决方案，包括使用条件注释法及类内属性前缀法来实现特定IE版本的样式定制。
background-color:blue !important; //All browsers but IE6
*background-color:black; //IE6,IE7
+background-color:black; //IE6,IE7
*background-color:black; //IE6,IE7
+background-color:black; //IE6,IE7
background-color:black\9\0; //IE9,IE10
IE10定制样式
//可以通过JS检测IE10，然后给IE10的<html>标签加上class="ie10"这个类
.ie10 #idname{} //only IE10
*+html #idname{} //IE7 only
一、条件注释法
1、只在IE下有效
<!--[if IE]>
这段文字只在IE浏览器显示
<![endif]--]>
2、只在IE6下生效
<!--[if IE 6]>
这段文字只在IE6浏览器显示
<![endif]--]>
3、只在IE以上版本生效
<!--[if gte IE 6]>
这段文字只在IE6以上（包括）版本IE浏览器显示
<![endif]--]>
4、只在IE8上不生效
<!--[if ！ IE 8]>
这段文字在非IE8浏览器显示
<![endif]--]>
5、非IE浏览器生效
<!--[if ！IE ]>
这段文字只在非IE浏览器显示
<![endif]--]>
二、类内属性前缀法
1、“—”减号是IE6专有的hack
2、“\9” IE6/IE7/IE8/IE9/IE10都生效
3、“\0” IE8/IE9/IE10都生效，是IE/8/9/10的hack
4、“\9\0” 只对IE9/IE10生效，是IE9/10的hack
扫一扫
9885
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
