首页 >web前端 >css教程 >如何使用 CSS Hacks 专门为 Internet Explorer 11 设置元素样式？

如何使用 CSS Hacks 专门为 Internet Explorer 11 设置元素样式？

How to Style Elements Specifically for Internet Explorer 11 Using CSS Hacks?

如何使用 CSS Hack 来定位 Internet Explorer 11

可以使用 CSS hack 来实现针对特定浏览器（例如 Internet Explorer 11）。以下指南可帮助您为 IE 11 编写 CSS hack：

要专门针对 IE 11，您可以利用 Microsoft 特定 CSS 规则的组合。在 HTML 中，添加以下元标记：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

在 CSS 中，使用 @media all 和 (-ms-high-contrast: none) 规则来定位 IE 10。在此规则中，您可以为 .foo 类的元素指定样式。

@media all and (-ms-high-contrast:none) {
  .foo { color: green } /* IE10 */
}

要仅针对 IE11，请使用 *::-ms-backdrop伪元素。

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

此技术之所以有效，是因为无法解析选择器（在本例中为 *::-ms-backdrop）的用户代理将忽略它和以下声明块。因此，IE11 特定规则中的样式将仅适用于 IE11。

以下是示例代码片段：



  
    IE10/11 Media Query Test
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
  
  
    Hi There!!!

通过使用这些 CSS hack，您可以有效地设置元素的样式专门针对 Internet Explorer 11。

以上是如何使用 CSS Hacks 专门为 Internet Explorer 11 设置元素样式？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多