条件注释使用指南

xiaoxiao2024-05-08  30

 

条件注释的格式

所有可用的条件注释标签是基于相同的原理的。这些条件注释可用于所有的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]-->

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

lte - 低于或等于 lt - 低于 gte - 高于或等于 gt - 高于 (IE6)|(IE7) - Internet Explorer 6或 Internet Explorer 7 (IE6)&(IE7) - Internet Explorer 6 和 Internet Explorer 7 点击这里查看更多参数

使用条件注释让用户升级他们的过时的浏览器

我通常不使用条件注释来修正浏览器bug。我使用他们的方法是告诉人们,他们使用的是一个过时的浏览器。在此类信息里面,我告诉他们,为了安全和更多功能,他们应该升级他们的浏览器。

 <!--[if lt IE 7]><p class="error">警告!您正在使用一款过时的浏览器。这个版本的浏览器功能比较简单而且不够<strong>安全</strong>。请升级您的浏览器到<a href="http://getfirefox.org/" href="http://getfirefox.org/">下载FireFox</a> 或 <a href="Internet'>http://www.microsoft.com/downloads/en/default.aspx">Internet Explorer 7+.</p><![endif]-->

通过这种方法,在用户看到这条消息的时候,你可以告诉用户,他们不应该使用这个版本的浏览器,然后他们就可能升级到一个更先进的浏览器。

 

 

 

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

本文链接:http://www.blueidea.com/tech/web/2009/6533.asp

转载请注明原文地址: https://www.6miu.com/read-5015241.html

最新回复(0)