芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
2

IE 浏览器条件注释详解

作者 芒果/分类 代码/发布于 2009-04-28 07:38

使用 IE 浏览器的条件注释,能够根据浏览器版本等条件显示不同的代码块。这些注释语句只能在 HTML 代码中嵌入使用(如果要在 CSS 中判断浏览器版本并加载不同样式,可以参考芒果之前的文章:兼容不同浏览器的 CSS Hack 写法)。

1. 只允许 IE 解释执行
IE 5 之后版本加入了对条件注释的支持,所以 IE 5 以上方可使用注释。

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

以上代码当浏览器为 IE 时,加载样式表 style.css,当然代码可以为 CSS、HTML、JavaScript 等多种。

2. 只允许特定版本 IE 解释执行
可以通过注释,只允许 IE 5、IE 6、IE 7、IE 8 中某个版本能解释,方便与对某一版本进行独立控制。

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

以上代码当浏览器版本为 IE 7 时,加载 style.css 样式表。

3. 只允许非特定版本 IE 解释执行
通过注释排除 IE 5、IE 6、IE 7、IE 8 中某个版本的执行,方便与对非特定版本的 IE 进行独立控制。

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

以上代码当浏览器版本不是 IE 7 时,加载 style.css 样式表。

4. 只允许高于或低于特定版本 IE 解释执行
限定高于或低于某个版本的 IE 方可执行,控制的灵活性较大。

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

以上代码当浏览器版本高于 IE 7 时,加载 style.css 样式表。其中在代码 “<!–[if gt IE 7]>” 中,”gt” 表示高于,如果换成 “lt”,则表示小于,相应的,”gte” 表示大于等于,”lte” 表示小于等于。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/ie-explorer-conditional-comment-detail/" title="IE 浏览器条件注释详解" rel="bookmark">IE 浏览器条件注释详解 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 2 条群众意见

  1. ?
    兼容不同浏览器的 CSS Hack 写法及IE 浏览器条件注释 | 落叶的博客 /2009-05-03 08:55

    […] 以上代码当浏览器版本高于 IE 7 时,加载 style.css 样式表。其中在代码 “[if gt IE 7]” 中,”gt” 表示高于,如果换成 “lt”,则表示小于,相应的,”gte” 表示大于等于,”lte” 表示小于等于。 原文:IE 浏览器条件注释详解 […] 回应

    #1
  2. iliang /2010-09-07 10:08

    我简单说几句 回应

    #2

下面我简单说几句