有条件的评论不适用于IE-9

时间:2013-01-17 21:20:40

标签: html internet-explorer internet-explorer-9 conditional-statements

我有一个页面,我需要根据IE的版本显示帮助文本。我决定按照this blog使用条件评论。我的html页面看起来像这样......

<!DOCTYPE html>
<html>
   <head>
        <title>Application Title</title>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    </head>
  <!--[if lt IE 9 ]><body style="margin: 0px;" class="ie9lt"><![endif]-->
  <!--[if IE]> <body style="margin: 0px;" class="ie9"> <![endif]-->
  <!--[if (gt IE 10)|!(IE)]>-->
  <body style="margin: 0px;"><!--<![endif]-->
        <div id="id1">
        ....
        ....
</html>

我已经在IE 9上打开了这个文件,但通过检查元素选项检查了html,但是我的body元素没有与它关联的ie9类(对于那个没有类)。我在这里错过了什么吗?请帮忙

3 个答案:

答案 0 :(得分:1)

我已经用IE9检查了你的HTML,它运行得很好。我可以看到bodyie9类。

你能在HTML检查器中看到同样的内容吗?此外,您的浏览器模式是否设置为IE9?

IE9

有时,当您的HTML文档中出现错误时,IE会自动切换到兼容性视图模式,然后您的body课程为ie9lt(而不是ie9 )。

答案 1 :(得分:1)

您可以尝试更具体地处理根HTML标记:

<!doctype html>
<!--[if IE 7 ]><html lang="en" class="ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

答案 2 :(得分:0)

我只在这些评论中添加了样式定义,没有别的。让html文档保持尽可能干净。这可能是最糟糕的黑客实施之一。