Question

我在这里使用条件语句来添加浏览器css样式

    <!DOCTYPE html>
    <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->

如果我在模拟器中测试这个条件语句似乎不起作用，那么html标签就没有＆＃39; lt-ie9＆＃39;类。

如果我在像browserstack这样的产品中测试条件语句似乎有效，我可以看到文本显示在类.lt-ie9

条件html标签是否正确？我不应该相信模拟器

    <!DOCTYPE html>
    <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->
        <head>  
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

            <!--jQuery-->
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

            <!--css-->
            <style type="text/css">

          .test{
            color: red;
            display: none;
            font-size: 2em;
          }

          .lt-ie9 .test{
            display: block;
          }

            </style>


            <!--[if lt IE 9]>
                <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->

            <title>Title of the document</title>
        </head>

    <body>

      <div class="test">IE8</div>

    </body>

    </html>

Answer 1

在不知道有问题的模拟器的情况下，我们无法知道。您在调试过程中最好的做法是将该代码复制到正文中，并用可见的内容替换html标记：

<!--[if lt IE 7]> IE, Less than 7<![endif]-->
<!--[if IE 7]>    IE 7 <![endif]-->
<!--[if IE 8]>    IE 8 <![endif]-->
<!--[if gt IE 8]><!--> IE 9+ or not-IE <!--<![endif]-->

即条件html语句

1 个答案: