2011-05-04 203 views
0

我的Windows 7机器上安装了IE8,我正在使用开发人员工具以IE7浏览器模式显示页面。IE7条件CSS注释不起作用

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

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

有什么想法或建议吗?

+1

确保您未以兼容模式显示。 – anothershrubery 2011-05-04 13:05:59

回答

3

我已经做了在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”。

+0

这工作,我想出了我的故障(真的是我自己的错)。谢谢奥利弗。 – Ben 2011-05-04 13:07:02

0

我也有这个问题,并通过指定两个条件注释我能解决它。

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

<!--[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使用它。