仅显示IE和显示其他浏览器CSS

Question

我有以下CSS代码，如果浏览器是IE，则显示一个CSS，如果是浏览器，则显示另一个CSS！IE：

<!--[if !IE]-->
<style>
.img404 {
    display:none;
}
#textd {
    font-size: 14pt;
    color: #ffffff;
    text-shadow: 0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15);
}
</style>
<!--[endif]-->
<!--[if IE]>
<style>
.img404 {
    display:none;
}
#textd {
    font-size: 14pt;
}
</style>
<![endif]-->

只有IE才有效。

Answer 1

如果你想要使用非IE css，你需要阻止它被注释掉：

<!--[if !IE]-->
Non-IE CSS
<!--<![endif]-->
<!--[if IE]>
IE only CSS
<![endif]-->

请注意<!--[if IE]>没有一对拖尾的破折号 - 除了IE之外的任何浏览器，这将被解释为评论的开头，稍后由<![endif]-->关闭。 / p>

相反，<!--[if !IE]-->是标准的自我评论（<!--<![endif]-->）。除IE之外的任何浏览器都将处理这些行之间的任何代码。

Answer 2

您需要两个评论标记

<!--[if !IE]-->
Other Browsers
<!-- <![endif]-->