Question

我使用的东西在IE7上没有用。这就是为什么，我想为ie7和更低版本编写一些特定的css。这就是为什么，我在html标签里写了IE评论标签。但是，它不起作用。我刚开始写道：

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="sites/css/ie7-and-down.css" />
<![endif]-->

但是，它不起作用！我没有ie7。我不得不通过IE的开发者工具查看。我想，在开发人员工具中，注释标记不起作用。这就是为什么，为了检查我为所有IE写了评论标签，如：

<!--[if IE]>
   <link rel="stylesheet" type="text/css" href="sites/css/all-ie-only.css" />
<![endif]-->

但是，它仍然无法正常工作！我不明白为什么会这样。 This is the website.我需要替换IE 7的导航。导航在我的主样式表中定义，例如：

.modern-menu {
   display: block;
}

我需要删除这个，以便我写在我的ie特定样式，如：

.modern-menu {
   display: none;
}

网站的一些HTML代码：

<ul class="modern-menu>
<li>abcd</li>
<li>abcd</li>
<li>abcd</li>
<li>abcd</li>
</ul>

的style.css：

.modern-menu {
    width: 920px;
    height: 40px;
    width:99%;
    font-family: 'SourceSansProRegular',Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 13px;
    float:left;
    font-weight: normal;
    position: relative;
    clear: both;
    margin-top:0px;
    display: block;
}

所有-IE-only.css：

@charset "utf-8";
/* CSS Document */

body {
    background-color: #0099FF;
}
.modern-menu {
    display: none;
}
.nav {
    display: block;
}

你能告诉我为什么这个评论标签不起作用？

Answer 1

在MS IE开发人员工具中，您可以设置浏览器和文档版本。也许您刚刚设置了浏览器版本。

在Internet Explorer 10中，当页面处于标准模式时，不支持HTML条件注释。

http://en.wikipedia.org/wiki/Conditional_comment

确保开发人员工具窗口上方的两个按钮都显示IE 10，以获得与原始MS IE 7中类似的结果。真正测试IE 7中发生的事情的唯一方法是使用IE 7（例如在第二个Windows test installation inside a virtual machine）

如何工作即评论标签

1 个答案: