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

Question

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

不幸的是，我发现我的 IE hack 不适用于最近推出的版本 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 cmets。 使用 Ie.css 我的代码可以在除版本 10 之外的所有浏览器中运行。

Answer 1

在 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/