\9和\0处理IE浏览器的兼容问题

2020-12-09  本文已影响0人  NemoExpress

\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的 */
        }
    }
上一篇下一篇

猜你喜欢

热点阅读