Question

以下代码用于可靠的跨浏览器IE版本检测

<!--[if lt IE 7 ]><body class="ie_6"><![endif]-->
<!--[if IE 7 ]><body class="ie_7"><![endif]-->
<!--[if IE 8 ]><body class="ie_8"><![endif]-->
<!--[if IE 9 ]><body class="ie_9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->

我不明白的是，为什么它正在工作。为什么普通<body>没有覆盖<body class="ie_9">，因为它只是一个普通标签，所有浏览器都应该识别。 / p>

有什么神奇之处

    <!-->
    <body>
    <!--

Answer 1

您可能希望将!(IE)更改为(!IE)

此外，您正在谈论的“正常”<body>标记是有条件的评论。事实上，它在不同的行上并不重要，它仍然在条件注释标记内，因此受到影响。

使用普通HTML评论对IE进行条件评论，因此“false”条件中的任何代码都会被注释掉;  IE在其中有自己的语法。因此，非IE浏览器只看到一个注释字符串，IE将其视为要执行的语句。

因此，只显示一个正文标记，并且只使用该标记。

的更多解释

<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->

对于IE，这说：

<if greater than ie9, or not ie> (ie conditional comment)
<!--> (empty comment) (--> putting this here to stop SO ruining syntax highlighting :D)
<body>
<end if> (ie conditional comment)

如果您不明白原因，请阅读“IE工作的条件评论......”一段。

同一个块，对于任何其他浏览器，如下所示：

<!--[if (gt IE 9)|!(IE)]><!--> (this is just one comment, containing the text "[if (gt IE 9)|!(IE)]><!")
<body>
<!--<![endif]--> (again, just one comment, containing "<![endif]")

Answer 2

<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->

表示：如果浏览器版本大于（<body>）IE9（例如IE10）或者不是IE，则输出gt。

由于IE9目前是最新版本，因此任何IE都无法满足此条件。

诀窍在于，第一行中的-->会关闭其他浏览器中的评论，因此对于他们来说，只是一个普通评论（最后一行的<!--也是如此））。

但IE会解析，并将<!--><body><!--视为条件评论的内容。这意味着，如果条件得到满足，它会输出一个空注释，<body>标记和评论的开头。

MSDN对conditional comments有全面的描述。看来你可以通过使用 Downlevel-revealed Conditional Comments ：

来达到同样的目的

<![if (gt IE 9)|!(IE)]>
<p>Please upgrade to Internet Explorer version 8.</p>
<![endif]>

（虽然它不是有效的HTML）。

即条件评论需要解释

2 个答案: