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

时间:2013-08-14 20:50:22

标签: css conditional-comments

我有以下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才有效。

2 个答案:

答案 0 :(得分:5)

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

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

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

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

答案 1 :(得分:2)

您需要两个评论标记

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