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

Question

我有以下CSS代码,如果浏览器是IE,则显示一个CSS,如果浏览器是IE,则显示另一个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]-->.

相反,<!--[if !IE]-->是一个标准的,自我结束的评论(按原样<!--<![endif]-->).这些行之间的任何代码都将由IE以外的任何浏览器处理.