IE9中CSS的条件注释

Question

我想为IE9添加一个特定的样式表，它覆盖了具有不同边距值的img.icon css类。所以我在头部添加以下内容。但是当页面加载时，它会在浏览器中显示为文本。

 <!--[if IE 9]>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
    <![endif]-->

Answer 1

您缺少<style>代码

<!--[if IE 9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
<![endif]-->

Answer 2

 <!--[if IE9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
    <![endif]-->

它认为

Answer 3

您忘记了样式标记。

<!--[if IE 9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
<![endif]-->

此外，您可能会发现在条件注释中加载外部样式表更容易：

<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9.css">
<![endif]-->