css条件格式

Question

我有以下代码来检查用户是否使用IE7 ......它需要超越.web_info样式。 如果不是IE7它使用默认样式，如果它不是IE，它将使用ff_styles.css。 这似乎不起作用。

<link rel="stylesheet" type="text/css" href="../styles.css">


<![if !IE]>
<link rel="stylesheet" type="text/css" href="../ff_styles.css">
<![endif]>

<![if IE 7]>
<style type="text/css">
.web_info
{
left: 450px;
top: 200px;
width: 300px;
height: 60px;   
}
</style>
<![endif]>

有什么建议么？ 谢谢

Answer 1

不应该这样

<!--[if IE 7]>
..
<![endif]-->

和

<!--[if !IE]>
...
<![endif]-->

注意

<!--[if !IE]>

永远不应该产生真实，因为这些条件评论只能由IE解释。

Answer 2

条件注释是IE特定的，因此“ <![if !IE]> ”不是firefox或任何其他浏览器的有效指令。 另外我建议你尝试以下语法：

<!--[if IE 7]>
<style type="text/css">
.web_info
{
left: 450px;
top: 200px;
width: 300px;
height: 60px;   
}
</style>    
<![endif]-->

关于我的最后一个注意事项：由于IE7 / IE8主要是标准兼容的，如果可能的话，应该避免这些CSS黑客攻击。

更新：感谢slosd我站得更正了！ 根据“ 使用条件注释支持IE ”，您可以使用以下内容隐藏IE中的内容：

<!--[if !IE]>-->
do something; IE will ignore this, other browsers parse it
<!--<![endif]-->

很抱歉给我带来的不便！

完整的工作示例：

<link rel="stylesheet" type="text/css" href="../styles.css">

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

<!--[if IE 7]>
  <style type="text/css">
  .web_info{
    left: 450px;
    top: 200px;
    width: 300px;
    height: 60px;   
  }
  </style>
<![endif]-->

Answer 3

不要检查浏览器是否不是IE，检查它是否是IE7然后是否是IE，然后默认为回退。 更多信息： http ： //www.quirksmode.org/css/condcom.html