CSS IE7 IE6 Firefox多浏览器兼容(三)条件注释
作者: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。
原文地址:http://www.keephelp.com/css/divcss-ie7-ie6-firefox-3/
转载请注明出处,非常感谢!


十月 11th, 2007 at 9:30 上午
这种办法不错……
十一月 8th, 2007 at 10:31 上午
[...] 自己可以灵活使用参看这篇IE条件注释 所有的IE可识别 只有IE5.0可以识别 IE5.0包换IE5.5都可以识别 仅IE6可识别 [...]
四月 27th, 2009 at 5:46 下午
余以为根据不同浏览器载入不同CSS文件是最优雅作法。这样每个CSS文件都可以保持简洁,而且不会增加客户端下载量,当然,也不利用CSS HACK。
但本文所用判断方法估计只限于IE系列吧,因为是“MS扩展”。
余倾向于用JS来判断浏览器类型。
四月 28th, 2009 at 10:53 上午
一般来讲不需要任何 hack 也能实现多浏览器兼容,也不需要对浏览器进行判断,个人认为这样更优雅一点。