CSS教程:条件注释的格式以及作用

原文：http://www.qianduan.net/?p=6572
译自：http://www.divitodesign.com

版权所有，转载请注明出处，谢谢。

或许你知道，Internet Explorer 6 已经不是最先进的浏览器了。事实上，它已经八岁了，但是很多人还在使用这个不安全的浏览器。正因为如此，网页设计师不得不额外担心他们的网站在IE6下的表现。

在CSS 框架和模板出现以后，一些布局的问题可以很容易解决掉，但是显然这不能解决全部问题。这些问题通常可以通过普通的CSS来解决，但是有时候只针对IE显示一些(样式)信息可能会更好。

这是用条件注释是可以实现的。条件注释只支持Windows系统中的IE浏览器。通过这些技巧，我们可以为基于Windows的IE5、6、7、8添加一些特殊的行为。这样做的好处是，HTML和CSS代码可以通过验证。

条件注释的格式

所有可用的条件注释标签是基于相同的原理的。这些条件注释可用于所有的IE浏览器版本。

<!--[if IE]>
如果用户使用IE浏览器，这里的信息会生效。
<![endif]-->

根据情况不同，你需要添加一个浏览器版本号。比如，或许你想让IE5.5使用一个不同的样式表：

 <!--[if IE 5.5]>
 <link rel="stylesheet" href="css/ie5.css" type="text/css" media="screen, projection" />
<![endif]-->

或者只针对IE7:

 <!--[if IE 7]>
 <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
<![endif]-->

你已经掌握了要领了，是吧？

我们还能用条件注释做什么？

微软同样为这些条件注释添加了一些参数。比如，我们可以使用高于或等于某个版本、低于或等于某个版本。添加这些的确很方便。

比如说，我们要给IE7以及以下的浏览器添加一个不同的样式表，我们可以这样做：

 <!--[if lte IE 7]>
 <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
<![endif]-->

或者我们想为IE6以上的浏览器创建一个不同的样式表：

 <!--[if gte IE 6]>
 <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
<![endif]-->

我们可以在我们的条件注释中使用以下参数：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!