作者:xddxz
链接:http://www.keephelp.com/css/divcss-ie7-ie6-firefox-3/
有条件注释是一种专门的(因为是非标准的)、对常规(X)Html注释的Microsoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块。因为使非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的。有条件注释在Windows 上的IE5中首次出现,并且得到了Windows浏览器的所有后续版本的支持。
要想将一个特定的样式表交给IE5、IE6、IE7或更高的版本,那么可以在(X)Html文档的开头放置一下代码:
<!--[if IE]
<style type="text/css">
@import ("ie.css");
</style>
-->
Windows上的IE5和更高版本会接收样式表ie.css,而其他所有浏览器只会看到一些被注释掉的文本。可以使用有条件注释指定一种特定的浏览器,比如IE6.0
<!-- [if IE 6]
<style type="text/css">
@import ("ie60.css");
</style>
-->
还可以指定一组浏览器,比如IE5.5和更高的版本:
<!-- [if gte IE 5.5000]
<style type="text/css">
@import ("ie55up.css");
</style>
-->
或者IE7
<!-- [if It IE 7]
<style type="text/css">
@import ("ie70.css");
</style>
-->
这种办法极其有效,而且非常容易记住。主要的确定是这些注释需要放在HTML中,而不是放在CSS中。如果某一阶段你希望停止支持某种浏览器,就需要从每个页面中删除注释,当然这只是针对静态页面的站点了,如果你是动态网站的话,把CSS作为可动态调用的一部分,这样修改起来也很方便的。如果你觉得还不好,那我们下一篇再看另外一个过滤器Tantek Celik。