以下代码用于可靠的跨浏览器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> <!--
解决方法
你可能想改变!(IE)到(!IE)
此外,“正常”< body>你正在谈论的标签是有条件的评论.事实上,它在不同的行上并不重要,它仍然在条件注释标记内,因此受到影响.
IE的条件注释使用普通的HTML注释<! - - >所以“假”条件中的任何代码都只是被注释掉了; <! - < body class =“ie6”> – > 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]")