美文网首页
\9和\0处理IE浏览器的兼容问题

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

作者: NemoExpress | 来源:发表于2020-12-09 14:53 被阅读0次

    \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的 */
            }
        }
    

    相关文章

      网友评论

          本文标题:\9和\0处理IE浏览器的兼容问题

          本文链接:https://www.haomeiwen.com/subject/zpehgktx.html