如何为IE 11编写CSS hack？

小编典典

如何为IE 11编写CSS hack？

css

如何仅为IE 11破解或编写CSS？我有一个在IE 11中看起来很糟糕的网站。我只是在这里和那里搜索，但尚未找到任何解决方案。

是否有任何CSS选择器？

阅读 326

2020-05-16

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

2020-05-16