\9
和\0
是hack IE8、IE9、IE11的独特标识
\0
是用来hack IE8、IE9、IE11的,而\9
是用来hack IE9的
单独hack IE9
结合媒体查询使用,@media all and (min-width:0)
在 Chrome、Firefox、360等浏览器同样有效。所以需要在 @media all and (min-width:0) {}
里面的css语句同样加上\0
标识,这样就是专门属于ie9的样式了。
/* IE9+ */
@media all and (min-width:0) {
.hack{
background-color:#eee \0;
}
}
单独hack IE11
添加 meta IE=Edge
属性后,IE8 IE9能同时读懂\9和\0这两个标识,而IE11仅能读懂\0这个标识。
所以,我们可以据此来hack出IE11。
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<div class="hack">IE11显示蓝色,IE8显示黄色,IE9显示黑色</div>
.hack{
width:400px;height:50px;color:#ccc;
background-color:#FF0000; /* 红色 */
background-color:#0000FF\0; /* 蓝色 这个是给IE11的 */
background-color:#FFFF00\9; /* 黄色 这个是给IE8和IE9的 */
}
/* IE9+ */
@media all and (min-width:0) {
.hack{
background-color:#000\9; /* 黑色 这个是给IE9的 */
}
}
网友评论