html - (!IE) 阻止来自 IE 的代码的问题

Question

我（再次）一直在为学校网站增强我的模板。但是，我遇到了另一个问题。我注意到导航栏在 IE9 之前的任何 Internet Explorer 版本中都无法正确呈现（意料之中）。我在网上看到了 !IE 标签的使用，并尝试在我的设计中复制它。然而，一旦实现，每个浏览器都会停止显示那段代码。

<!--[if !IE]>
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<![endif]-->

我也试过：

<!--[if gte IE 9]>
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<![endif]-->

我怎样才能让它工作？是否有任何替代方法不会使网站太慢？

score 2 · Accepted Answer

您需要使用特殊语法终止条件注释：

<!--[if !IE]><!-->
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<!--<![endif]-->

这可以防止 IE 在其他浏览器看到它时显示 HTML，将 if 和 else 视为常规 HTML 注释。

score 1 · Accepted Answer

您正在注释掉列表项，请尝试将您的代码更改为：

<!--[if gte IE 9]--><!-->
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<!--><![endif]-->

2 回答 2