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

由 Ghostzhang 发表于 2007-03-29 18:41

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则因为里面的条件为真而不显示内容。

效果展示

• HTML

<p><strong>让我猜猜你用的浏览器是：</strong>
    <!--[if IE 8]>IE8好用吗？<![endif]-->
    <!--[if IE 7]>IE7好用吗？<![endif]-->
    <!--[if IE 6]>IE6比较BT，有时间升级一下吧！<![endif]-->
    <!--[if IE 5.5]>IE5.5？<![endif]-->
    <!--[if IE 5.0]>IE5.0，该升级了。<![endif]-->
    <!--[if lt IE 5.0]>你不是吧，现在还用这个浏览器……<![endif]-->
    <!---[if IE]-->
        <!--[if !IE]--><!--[endif]---> 潮人啊，不用IE了！  <!---[if IE]--><!--[endif]--><!--[endif]--->
</p>           

复制