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

前端之家收集整理的这篇文章主要介绍了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,255,0.7);
    }
}

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

<!--[if IE]>
      .myClass{
        background: #fff;
        background:rgba(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>元素添加类)。您可以使用它逐渐增强您的新设计/脚本,同时支持较旧的浏览器。

原文链接:https://www.f2er.com/css/219554.html

猜你在找的CSS相关文章