Question

我在Windows 7机器上安装了IE8，并且我使用开发人员工具以IE7浏览器模式显示页面。

我想为IE7添加一个条件样式表，但它不起作用。路径是正确的，所以我的猜测是，IE7浏览器模式实际上并不完全呈现为IE7。

       <!--[if IE 7]>
           <link rel="stylesheet" type="text/css" href="http://example.com/media/IE7/ie_splash.css" />
       <![endif]-->

有任何想法或建议吗？

Answer 1

我已经对Windows XP进行了快速检查，无法复制 - 您可以尝试：

<html>
<body>

<!--[if IE 6]>
I am IE 6
<![endif]-->

<!--[if IE 7]>
I am IE 7
<![endif]-->

<!--[if IE 8]>
I am IE 8
<![endif]-->

</body>
</html>

查看它在浏览器中呈现的版本。对我来说，切换到IE7会呈现“我是IE 7”。

Answer 2

我也遇到了这个问题，并通过指定两个条件注释我能够解决它。

首先，加载IE 7的css文件的通常条件注释

<!--[if IE 7]>
           <link rel="stylesheet" type="text/css" href="http://example.com/media/IE7/ie_splash.css" />
<![endif]-->

其次，您需要使用！IE语法为所有其他浏览器指定样式表。因此IE停止渲染您为其他浏览器准备的样式表。

<!--[if !IE 7]><!-->
    <link rel="stylesheet" media="all" href="style.css" />
<!--<![endif]-->

这里的style.css是您用于其他浏览器的原始样式表，不希望IE使用它。