IE浏览器条件注释的详解

让我们举几个例子来看看：

 !--[if IE]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

因为只有IE5以上的版本才开始支持IE条件注释，所有“只有IE”才能识别的意思是“只有IE5版本以上”才能识别。

 !--[if IE 8]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

识别特定的IE版本，高了或者低了都不可以。上例只有IE8才能识别。

 !--[if !IE 7]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

上例中特定IE7版本不能识别，其他版本都能识别，当然要在IE5以上。

 !--[if gt IE 7]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

上例中只有高于IE7的版本才能识别。IE7无法识别。

 !--[if gte IE 7]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

上例中IE7和更高的版本都能识别。

 !--[if lt IE 7]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

上例中只有低于IE7的版本才能识别，IE7无法识别。

 !--[if lte IE 7]  link type= text/css rel= stylesheet href= my.css /  ![endif]-- 

上例中IE7和更低的版本可以识别。

上面那些代码好像很难记的样子，其实只要稍微解释一下关键字就很容易记住了。

lt：就是Less than的简写，也就是小于的意思。

lte：就是Less than or equal to的简写，也就是小于或等于的意思。

gt：就是Greater than的简写，也就是大于的意思。

gte：就是Greater than or equal to的简写，也就是大于或等于的意思。

!：就是不等于的意思，跟javascript里的不等于判断符相同。

这样解释一下，是不是好记多了。

１、有人会试图使用 !--[if !IE] 来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下被当做注释视而不见。

２、我们通常用IE条件注释根据浏览器不同载入不同css，从而解决样式兼容性问题的。其实它可以做的更多。它可以保护任何代码块——HTML代码块、JavaScript代码块、服务器端代码……看看下面的代码。

 !--[if IE] script type= text/javascript alert( 你使用的是IE浏览器！ /script ![endif]-- 

以上就是IE浏览器条件注释的详解的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。