用CSS如何判断IE浏览器版本?

转载 2016年06月01日 11:14:52

--通过html注释来判断当前浏览器是什么版本--

只是针对所有的IE浏览器:

<!--[if IE]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

要避掉IE8的话就得:

<!--[if lt IE 8]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

lt在此作小于用,也就是小于IE8的版本都能识别。

或者:

<!--[if lte IE 7]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

lte在此作小于及等于用,也就是小于及等于IE7的版本能识别。

或者:

<!--[if !(IE 8)]>   <link href="Style/IE.css" rel="stylesheet" type="text/css" /> <![endif]-->

<!–[if !(IE 8)]><![endif]–>在此单独避掉IE8版本。

在网上找了以下代码,测试了下有几个不符合:

1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> 2.  <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]>  只有IE5.0可以识别 <![endif]--> 4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别  <![endif]--> 5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别  <![endif]--> 6. <!--[if IE 6]> 仅IE6可识别 <![endif]--> 7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> 8.  <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> 9. <!--[if  IE 7]> 仅IE7可识别 <![endif]--> 10. <!--[if lt IE 7]>  IE7以及IE7以下版本可识别 <![endif]--> 11. <!--[if gte IE 7]>  IE7以及IE7以上版本可识别 <![endif]-->

经过测试后:

5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->

这个只有IE6以上的版本才可识别,也就是不包括IE5.0

7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->

这个只有IE5以下的版本才能识别,也就是不包括IE6

10. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->

这个只有IE6以下的版本才能识别,也就是不包括IE7

以下是判断语句,跟shell语句差不多

gt = Great Then 大于 &gt; = > 大于号 lt = Less Then  小于 &lt; = < 小于号 gte = Great Then or Equal 大于或等于 lte = Less Then  or Equal 小于或等于

转载自:博客园@念时.net


相关文章推荐

html+css判断各个IE浏览器版本

在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。 在HTML代码中,区别各种浏览器的代码如...

HTML和CSS中如何判断ie各版本浏览器

一、HTML代码中 在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。在HTML代码中,区别...

IE8及低版本浏览器不支持CSS3 media queries的解决方法

最近在解决UI问题时碰到以下浏览器不兼容性问题(本人属于UI业余操作者,很多想法就很业余了): 问题:IE8及其以下低版本IE浏览器在缩小窗口时,UI没有按照相应的要求显示窗口缩小时对应的布局;其他...
  • wuruixn
  • wuruixn
  • 2013年03月06日 17:36
  • 32016

关于在页面中针对不同版本的IE浏览器实现不同的JS或者CSS样式

一般会用到这里是正常的html代码 条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。因为这只是IE浏览器支...

HTML5----IE低版本支持HTML5标签方法,css 浏览器网页兼容性

什么是浏览器兼容: 当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会...
  • damys
  • damys
  • 2013年03月01日 14:28
  • 2653

IE8及低版本浏览器不支持CSS3 media queries的解决方法

(173LY) 最近在解决UI问题时碰到以下浏览器不兼容性问题(本人属于UI业余操作者,很多想法就很业余了): 问题:IE8及其以下低版本IE浏览器在缩小窗口时,UI没有按照相应的要求显示窗口...

ie 个版本浏览器 css bug 收集

问题 浏览器 DEMO 解决方法 Hacking Rules:property:all-ie\9; property:gte-ie8\0;*property:lte-ie7; +property:...

IE低版本浏览器支持CSS3属性(圆角、阴影、渐变等)(CSS3 PIE)

IE8以及更早的版本不支持CSS3的一些新属性,本文主要是通过CSS3 PIE这个插件让IE支持CSS3,例如我们常用到的圆角(border-radius),盒阴影(box-shadow),背景渐变(...
  • zh_rey
  • zh_rey
  • 2017年04月26日 10:27
  • 506

条件注释判断浏览器版本<!--[if lt IE 9]>

除IE外都可识别

[乐意黎原创] JS根据useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型及版本

userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 javascript语法:navigator.userAgent PHP语法:$_SERVER['H...
  • aerchi
  • aerchi
  • 2016年06月17日 11:08
  • 10434
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用CSS如何判断IE浏览器版本?
举报原因:
原因补充:

(最多只允许输入30个字)