对非IE浏览器使用条件注释

Ghostzhang 发表于

IE条件注释很多人都知道了,今天才知道,原来它也可以对非IE的浏览器起作用。嘿嘿,想知道吧。

我们所认识的IE条件注释是这样的:


<!--[if IE]> IE的内容<![endif]-->

看这个了解一下:

仅ie5.0以上版本支持 仅IE可见 参数属性:

  • gt : greater than,选择条件版本以上版本,不包含条件版本
  • lt : less than,选择条件版本以下版本,不包含条件版本
  • gte : greater than or equal,选择条件版本以上版本,包含条件版本
  • lte : less than or equal,选择条件版本以下版本,包含条件版本
  • ! : 选择条件版本以外所有版本,无论高低

```html



如果是非IE的浏览器,会把这一段也当成一个注释,当然也就不会起作用了。所以要这样写:

```html

<!-[if IE]><![if !IE]><![endif]-> 非IE可见 <!-[if IE]><![endif]><![endif]->

这样非IE的浏览器就可以读到里面的内容,而IE则因为里面的条件为真而不显示内容。

效果展示
  • Result
    • 1.html
  • HTML
    • 1.html
  • CSS
    • index.css
  • JavaScript
    • index.js
1
<p><strong></strong>
X
1
X
1
X

文章被分类到: 技术研究

文章被贴上标签: 条件注释


文章内容遵守 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

如果内容对你有用,请作者喝杯咖啡 ☕

讨论