首页 >web前端 >css教程 >如何专门为 Internet Explorer 11 创建 CSS Hack？

如何专门为 Internet Explorer 11 创建 CSS Hack？

Patricia Arquette原创: 2024-12-08 15:26:10906浏览

How Can I Create a CSS Hack Specifically for Internet Explorer 11?

如何专门为 IE 11 创建 CSS Hack？

如果您发现自己的网站在 IE 11 上显示效果不佳，您可能需要使用CSS hacks来解决这个问题。操作方法如下：

适用于 IE 11 的 CSS 选择器

要专门针对 IE 11，请使用 Microsoft 特定 CSS 规则的组合，如下所示：

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

CSS 黑客如何工作IE

当用户代理（例如 IE）遇到无效的 CSS 选择器时，它会忽略该选择器和后面的声明块。 CSS hack 利用此行为来实现特定于浏览器的样式。

示例代码

以下代码演示了如何专门针对 IE 10 和 IE 11：

<!doctype html>
<html>
 <head>
  <title>IE10/11 Media Query Test</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <style>
    @media all and (-ms-high-contrast:none) {
     .foo { color: green } /* IE10 */
     *::-ms-backdrop, .foo { color: red } /* IE11 */
     }
  </style>
 </head>
 <body>
  <div class="foo">Hi There!!!</div>
 </body>
</html>

以上是如何专门为 Internet Explorer 11 创建 CSS Hack？的详细内容。更多信息请关注PHP中文网其他相关文章！

css if for this microsoft issue

声明：

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

上一篇：Why Do Spaces Appear Between Inline-Block Elements, and How Can I Fix It?下一篇：How Can I Recursively Select All Child Elements in CSS?

查看更多