IE浏览器hack技巧大全,完美解决兼容问题!

5 min read

以下是一些常见的IE和Edge浏览器的hack写法:

  1. 条件注释
<!--[if IE]>
  <p>仅在IE浏览器下显示</p>
<![endif]-->
  1. *前缀
div {
  *zoom: 1;
}
  1. _前缀
div {
  _width: 100px;
}
  1. *@media
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div {
    color: red;
  }
}
  1. :root伪类
:root div {
  height: 200px\9;
}
  1. 属性hack
div {
  height: 100px;
  _height: 200px;
  // 只有IE6会解析下划线开头的样式属性
  *height: 300px;
  // 只有IE6、IE7会解析星号开头的样式属性
  height: 400px\9;
  // 只有IE6、IE7、IE8、IE9会解析带斜杠的样式属性
  height: 500px\0/;
  // 只有IE9会解析带0的样式属性
}