IE的有条件注释优点和缺点

互联网   发布时间:2009-04-02 20:55:18   作者:佚名   我要评论
IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。 IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如

IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。
只有低于特定版本的才能识别
<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->


等于或者低于特定版本的才能识别
<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->


关键词解释
上面那些代码好像很难记的样子,其实只要稍微解释一下关键字就很容易记住了。 lt :就是Less than的简写,也就是小于的意思。 lte :就是Less than or equal to的简写,也就是小于或等于的意思。 gt :就是Greater than的简写,也就是大于的意思。 gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 !:就是不等于的意思,跟javascript里的不等于判断符相同。
这样解释一下,是不是好记多了。
关于IE条件注释的特别说明
只有IE才能识别哦——
曾经看到过下面的代码,现在想起来不禁有点想笑。这样的代码有什么意义吗?
<!--[if !IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

不仅仅是CSS哦
很长时间,我对这个都有一种误解——以为它就是用来根据浏览器不同载入不同css,从而解决样式兼容性问题的。其实,我错了。它其实可以做的更多。它可以保护任何代码块——HTML代码块、JavaScript代码块、服务器端代码……看看下面的代码。
<!--[if IE]>
你使用的是IE浏览器,还会弹出个框哦。
<script type="text/javascript">
alert("你使用的是IE浏览器!");
</script>
<![endif]-->


<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

相关文章

  • 面向XHTML的IE条件注释

    条件注释是IE特有的一种功能,能对IE系列产品进行单独的XHTML代码处理,注意,主要是针对XHTML,而非CSS。 条件注释功能非常强大,可以进行true和false判断,例如:
    2008-10-17
  • css 条件注释区分非IE浏览器

    IE浏览器的条件注释虽不太常用,却异常强大,不仅可以用来区分IE浏览器版本
    2010-03-05
  • 针对主流浏览器的CSS-HACK写法及IE常用条件注释

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

    ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于I
    2012-12-11
  • 浏览器兼容之旅第一站:如何在页面中创建IE条件注释

    浏览器的兼容问题一定处理过不少了,特别是IE6的兼容问题;这一节主要了解了如何在页面中创建IE条件注释,以及其带来的好处,和所起的作用,需要了解的朋友可以参考下
    2012-12-27
  • 条件注释判断浏览器(ie系列)

    使用条件注释判断浏览器在某些时候还是比较使用的,比如css 样式的兼容根据浏览器不同进行判断加载,类似的例子还有好多,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-07-26
  • 使用条件注释判断 IE 浏览器版本适用于IE5.0及以上版本

    IE条件注释是一种特殊的HTML注释,这种注释只有IE5.0及以上版本才能理解,下面为大家介绍下使用条件注释判断 IE 浏览器版本,感兴趣的朋友可以参考下
    2014-03-31
  • 详谈IE条件注释

    条件注释是IE特有的一种功能,能对IE系列产品进行单独的XHTML代码处理,注意,主要是针对XHTML,而非CSS。本文我们就来探讨下关于IE条件注释的相关问题。
    2014-12-08

最新评论