css – 在样式表中使用IE条件注释

我知道你可以在HTML中使用IE条件注释:

<!--[if IE]>
  <link href="ieOnlyStylesheet.css" />
<![endif]-->

但是,如果我想要在样式表中仅定位IE,请为html中的特定元素设置一个css规则。例如,您可以使用css文件中的Chrome / Safari hack作为CSS代码…

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .myClass{
        background: #fff;
        background:rgba(255,0,255,0.7);
    }
}

但是,使用CSS样式表中的IE hack,如下所示:

 <!--[if IE]>
      .myClass{
        background: #fff;
        background:rgba(255,0,255,0.7);
    }
 <![endif]-->

不工作。我在样式表中使用什么来仅定位IE?

条件注释在样式表中不起作用。相反,您可以使用HTML中的条件注释将不同的CSS类或ID应用于您可以使用CSS定位的元素。

例如:

<!--[if IE]>
  <div id="wrapper" class="ie">
<![endif]-->
<!--[if !IE]>
  <div id="wrapper">
<![endif]-->

此外,还有诸如Modernizr这样的工具以非常相似的方式进行特征检测(通过向< html>元素添加类)。您可以使用它逐渐增强您的新设计/脚本,同时支持较旧的浏览器。

http://stackoverflow.com/questions/11703684/using-ie-conditional-comments-inside-a-stylesheet

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:css – 在样式表中使用IE条件注释