Question

我有一个页面，我需要根据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类（对于那个没有类）。我在这里错过了什么吗？请帮忙

Answer 1

我已经用IE9检查了你的HTML，它运行得很好。我可以看到body有ie9类。

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

IE9

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

Answer 2

您可以尝试更具体地处理根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]-->

Answer 3

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

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

3 个答案: