网页设计时如何为不同版本的IE指定CSS? - 网页设计|CSS兼容设计
网页设计时如何为不同版本的IE指定CSS?
Date: 2011-03-15 00:00:00Written By atbaidu.com
IE浏览器的普通让我们虽然很不喜欢与IE的CSS错误处理,但我们仍然要面对它,因为你的老板和游客仍然使用IE浏览器。它得到令人沮丧,当浏览器显示网页的不同由于不同的版本不一致的渲染引擎。我们通常使用IE条件注释来修复IE浏览器的问题。但也有较有条件的评论更多的方法...
1。IE浏览器条件注释
条件注释是IE浏览器可能是最常用的修复IE浏览器(IE6,IE7,IE8)具体的版本错误。下面是一些示例代码为目标的Internet Explorer不同的版本:
<!--[if IE 8]> = IE8
<!--[if lt IE 8]> = IE7 or below
<!--[if gte IE 8]> = greater than or equal to IE8
<!--[if IE 8]>
<style type="text/css">
/* css for IE 8 */
</style>
<![endif]-->
<!--[if lt IE 8]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
2. CSS规则具体到IE(IE CSS hacks)
另一个选择是声明的CSS只能通过浏览器阅读规则。例如,添加一个CSS属性前的星号(*)将针对IE7或加下划线的属性将目标之前的IE6。但是,此方法不建议,因为它们不是有效的CSS语法。
IE8的或以下:写CSS规则specificially为IE8或以下,添加一个反斜杠和9(\ 9)在分号之前结束。
IE7或如下:添加一个CSS属性前的星号(*)。
IE6的:前加一个下划线(_)。
.box {
background: gray; /* standard */
background: pink\9; /* IE 8 and below */
*background: green; /* IE 7 and below */
_background: blue; /* IE 6 */
}
