如何专门为 Internet Explorer 11 创建 CSS Hack？-css教程-PHP中文网

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

Patricia Arquette

发布： 2024-12-08 15:26:10

原创

878 人浏览过

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中文网其他相关文章！