1

我有以下 CSS 代码,如果浏览器是 IE,假设显示一个 CSS,如果浏览器是!IE,则显示另一个 CSS:

<!--[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 可以工作。

4

2 回答 2

5

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

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

请注意,<!--[if IE]>没有尾随的破折号 - 对于除 IE 以外的任何浏览器,这将被解释为注释的开头,然后由<![endif]-->.

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

于 2013-08-14T20:52:29.833 回答
2

你需要两个评论标签

<!--[if !IE]-->
Other Browsers
<!-- <![endif]-->
于 2013-08-14T20:53:14.913 回答