我如何为IE编写CSS。我的代码在IE10和9,7,8中不起作用?

时间:2013-03-02 12:54:07

标签: css internet-explorer-10

我已经看到我的代码在IE中被破坏了。我在IE9和8上试过它,它在我的页面上写了一些额外的CSS后就可以了。

不幸的是,我发现我的IE黑客不适用于最近推出的第10版。我和http://www.impressivewebs.com/ie10-css-hacks/一起去,但现在不行。我在Windows 7 IE10上测试它。

对于旧IE,我编写了这样的代码

<!--[if IE]>
    <link rel="stylesheet" href="assets/ie.css">
<![endif]-->

有人对IE10有任何诀窍。我已经看到IE10工作正常,如果我将它添加到我的样式表。现在我想知道如何在IE10浏览器中添加Ie.css。

请记住,IE10不再支持IE评论。 使用Ie.css我的代码可以在除版本10之外的所有浏览器中使用。

1 个答案:

答案 0 :(得分:4)

在CSS中,这个条件对我有用:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
} 

在JS中,同样适用于我:

<!--[if !IE]><!--<script>  
if (/*@cc_on!@*/false) {  
    document.documentElement.className+=' ie10';  
}  
</script><!--<![endif]-->

.ie10 .example {  
   /* IE10-only styles go here */  
}  

来源:http://www.impressivewebs.com/ie10-css-hacks/