css 条件注释区分非IE浏览器

  发布时间:2010-03-05 23:17:41   作者:佚名   我要评论
IE浏览器的条件注释虽不太常用,却异常强大,不仅可以用来区分IE浏览器版本
<!--[if IE]> Only IE <![endif]-->
所有的IE可识别
<!--[if IE 5.0]> Only IE 5.0 <![endif]-->
只有IE5.0可以识别
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->
高于IE5.0都可以识别
<!--[if lt IE 6]> Only IE 6- <![endif]-->
低于IE6可识别
<!--[if gte IE 6]> Only IE 6/+ <![endif]-->
IE6以及IE6以上都可识别
<!--[if lte IE 7]> Only IE 7/- <![endif]-->
IE7及ie7以下版本可识别

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

看到这里只可能会觉得<!--[if !IE]> not IE<![endif]-->这样不就可以了吗?
如果你这样想就错了,因为非ie根本不会识别ie的条件注释,所以就直接全部是注释了,
ok,来看看正确的写法吧

复制代码
代码如下:

<!--[if !IE]><-->
只有不是ie浏览器才能看到这里
<![endif]-->

本来准备到这里加点内容只有非ie能看到的,被编辑器编码了,^_^,现在试试吧,只有非ie能看到哦,
关键是条件注释后头的 <–> 在IE中被当作内部注释,而在非IE浏览器中会闭合之前的注释,从而起到区分非IE浏览器的作用,一般常用<!–>。

相关文章

  • 针对主流浏览器的CSS-HACK写法及IE常用条件注释

    本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.
    2010-07-04
  • ie10 css hack 条件注释等兼容方式整理

    ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于I
    2012-12-11
  • css 条件注释使用指南

    原文:http://www.qianduan.net/?p=6572 译自:http://www.divitodesign.com 版权所有,转载请注明出处,谢谢。 或许你知道,Internet Explorer 6 已经不是最先进的浏览器
    2009-03-26
  • css 条件注释使用指南

    或许你知道,Internet Explorer 6 已经不是最先进的浏览器了。事实上,它已经八岁了,但是很多人还在使用这个不安全的浏览器。正因为如此,网页设计师不得不额外担心他们的
    2010-01-16
  • CSS教程:条件注释的格式以及作用

    网页制作Webjx文章简介:在CSS 框架和模板出现以后,一些布局的问题可以很容易解决掉,但是显然这不能解决全部问题。这些问题通常可以通过普通的CSS来解决,但是有时候只针
    2009-04-02
  • CSS条件注释详解(根据不同浏览器加载CSS)

    这篇文章主要介绍了CSS条件注释详解(根据不同浏览器加载CSS)这也是现阶段最方便的各种浏览器兼容方式了,需要的朋友可以参考下
    2015-01-09

最新评论