WonderCSS

通过HTML和CSS判断IE浏览器版本

了解了让人烦扰的IE浏览器后我们来了解下如何通过 HTML 和 CSS 来针对IE浏览器的多版本进行单独识别。

其主要手段为通过HTML 的 [IF IE ?] 语句和 CSS 上的 *html 标记来做判断区分。先介绍下 HTML 中的判断,实例如:


<!--[if lte IE 7]>
<p>当前浏览器版本低于/等于IE7</p>
<![endif]-->

<!--[if IE 8]>
<p>当前浏览器版本为IE8</p>
<![endif]-->

<!--[if !(IE 7) | !(IE 8)  ]><!-->
<p>当前浏览器版本不是IE7也不是IE8</p>
<!--<![endif]-->

语句起始为 <!--[if 条件参数 IE 版本号]>,以 <![endif]--> 闭合结束。符合条件读取包含的内容,否则不读取。

其中条件参数详细为:

  1. lte:就是Less than or equal to的简写,也就是小于或等于的意思。
  2. lt :就是Less than的简写,也就是小于的意思。
  3. gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
  4. gt :就是Greater than的简写,也就是大于的意思。
  5. ! : 就是不等于的意思,跟javascript里的不等于判断符相同。

目前这个用 HTML 来判断比较普及,因为在 CSS 中使用 *html 判断即不完善又不符合W3C WEB标准,简单介绍如下:


.boxs {color:red;}
/* IE6 */
*html .boxs {color:black;}
/* IE7 */
*+html .boxs {color:blue;}

*html 针对IE6 *+html 针对IE7 虽然无法针对IE8和9,但就实用角度出发它解决了最顽固的IE6和7已经达标了,因为IE8比较靠谱。

By 于湛 发布于 2013.02.25 2,831 次浏览

通过HTML和CSS判断IE浏览器版本》上有3条评论

  1. Pingback引用通告: 让人烦扰的IE浏览器“们” | Wonder CSS

  2. 王小晓

    判断IE浏览器版本确实是个麻烦事,为什么IE浏览器不做成像其他浏览器那种版本更替的升级方式呢,微软的臭毛病。

    回复
  3. Pingback引用通告: IE9 的 CSS Hack | WonderCSS

发表评论

电子邮件地址不会被公开。 必填项已用*标注