如何为 IE 11 编写 CSS hack？

小编典典

如何为 IE 11 编写 CSS hack？

all

如何仅针对 IE 11 破解或编写 css？我有一个在 IE 11 中看起来很糟糕的网站。我只是到处搜索，但还没有找到任何解决方案。

有没有css选择器？

阅读 60

2022-06-01

共1个答案

小编典典

使用 Microsoft 特定 CSS 规则的组合来过滤 IE11：

<!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>

像这样的过滤器之所以起作用，是因为：

当用户代理无法解析选择器（即，它不是有效的 CSS 2.1）时，它也必须忽略选择器和以下声明块（如果有）。

<!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>

参考

2022-06-01