html - 条件注释不适用于 Internet Explorer 以外的浏览器

Question

<!--[if !IE]>
    <style type="text/css" media="screen">
        .title {
            color: rgba(0, 0, 0, 0);
            display: block;
            font-family: sans-serif;
            font-size: 50px;
            margin-left: 0px;
            margin-right: 5px;
            text-align: right;
            text-shadow: rgba(255, 255, 255, 0.247059) 2px 2px 2px, #888 0px 0px 0px;
        }
    </style>
<![endif]-->

head 标签中的这段代码永远不会工作...为什么？我一直在通过互联网搜索很多，每个人都说它有效......但实际上，在我的网页上没有。我已经使用了很多次并且它有效......但是我应该错了......任何人都可以帮助我吗？提前致谢!

Answer 1

发布于 this SO answer (我在评论中链接到):

IE 以外的浏览器将条件语句视为注释，因为它们包含在注释标记中。

<!--[if IE]>
Non-IE browsers ignore this
<![endif]-->

但是，当您的目标浏览器不是 IE 时，您必须使用 2 条注释，一条在代码之前，一条在代码之后。 IE 会忽略它们之间的代码，而其他浏览器会将其视为正常代码。因此，针对非 IE 浏览器的语法是:

<!--[if !IE]-->
IE ignores this
<!--[endif]-->

你有这个:

<!--[if !IE]>
some stuff
<![endif]-->

哪些非 IE 浏览器看到的是这样的:

(没有什么，因为它只是对非IE浏览器的注释)。

你需要这个:

<!--[if !IE]-->
some stuff
<!--[endif]-->

这样开始标签和结束标签对于非IE浏览器都是完全包含的注释，并且呈现样式。