即条件评论需要解释

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">因为它只是一个普通的标签，应该被所有浏览器识别。

什么是魔术

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

Answer 1

你可能想改变!(IE)到(!IE)

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

IE的条件注释使用普通的HTML注释工作所以“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]-->

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

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

诀窍是-->在第一行将关闭其他浏览器中的注释，所以对于它们， 只是一个正常的评论（同样为<!--在最后一行）。

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

MSDN对条件注释有全面的描述。 看来你可以通过使用Downlevel-exposed Conditional Comments来实现同样的目的：

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

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

即条件评论需要解释

问题描述

2 个解决方案

解决方案1
11 已采纳 2011-09-09 08:04:05

解决方案2
3 2011-09-09 08:04:05

即条件评论需要解释

问题描述

2 个解决方案

解决方案1 11 已采纳 2011-09-09 08:04:05

解决方案2 3 2011-09-09 08:04:05

解决方案1
11 已采纳 2011-09-09 08:04:05

解决方案2
3 2011-09-09 08:04:05