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