达州做网站

• 首页
• 关于我们
• 服务项目
  

  高端网站定制

  

  微信定制

  

  APP开发服务

  

  网络营销服务

  

  电商网站建设

  

  生物医药网站建设

  

  外贸网站建设

  

  教育培训网站建设
• 小程序开发
• 案例展示
  

  网站建设

  

  小程序

  

  电商平台

  

  APP

  

  系统平台
• 建站知识
• 联系我们

咨询热线 ：

028-86922220

    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#0000FF\0;  /* 蓝色 */
          background-color:#FFFF00\9;  /* 黄色 */
    }
    


     IE8 IE9 IE11均显示黄色

    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#FFFF00\9;  /* 黄色 */
          background-color:#0000FF\0;  /* 蓝色 */
    }
    


     IE11显示黄色，IE8 IE9 均显示蓝色

/* IE9+ */
@media all and (min-width:0) {
    .divContent{
        background-color:#eee;
    }
}

    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#FFFF00\9;  /* 黄色 */
          background-color:#0000FF\0;  /* 蓝色 */
    }
    /* IE9+ */
    @media all and (min-width:0) {
        .content{
            background-color:#000;   /* 黑色 */
        }
    }
    


     IE11显示黄色，IE8 显示蓝色，IE9显示黑色。

    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#FFFF00\9;  /* 黄色 */
          background-color:#0000FF\0;  /* 蓝色 */
    }
    /* IE9+ */
    @media all and (min-width:0) {
        .content{
            background-color:#000\0;   /* 黑色 */
        }
    }
    


     IE11显示黄色，IE8 显示蓝色，IE9显示黑色。

测试地址：http://demo.jb51.net/html/ie-hack/ie-hack4.html

至此，IE8、IE9、IE11的兼容性问题就完美解决了。

meta声明属性 IE=Edeg 后，IE8\IE9\IE11的兼容代码
但是，如果网页HTML代码里声明了Meta元件 IE=Edge，那么上面的代码是不对的。

先看第一个html代码：

     
    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#0000FF\0;  /* 蓝色 */
          background-color:#FFFF00\9;  /* 黄色 */
    }
    


     IE11显示蓝色，IE8 IE9均显示黄色

测试地址：http://demo.jb51.net/html/ie-hack/ie-hack5.html

结果是，IE11显示蓝色，IE8 IE9均显示黄色，并非三个浏览器都显示黄色了。

这就说明，加了meta IE=Edge 这句，IE11不再能读\9这个标识。

我们再看如下代码：

     
    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#FFFF00\9;  /* 黄色 */
          background-color:#0000FF\0;  /* 蓝色 */
    }
    


     IE8 IE9 IE11 均显示蓝色

测试地址：http://demo.jb51.net/html/ie-hack/ie-hack6.html

结果是，IE8 IE9 IE11 均显示蓝色，这说明了，IE8 IE9 IE11 均能读懂\0这个标识。

结合上面两个例子，可以得出结论，加了meta IE=Edge 属性后，IE8 IE9能同时读懂\9和\0这两个标识，而IE11仅能读懂\0这个标识。

所以，我们可以据此来hack出IE11。如下html代码加以说明：

     
    
    
    
    .content{
          width:400px;height:50px;color:#ccc;
          background-color:#FF0000;  /* 红色 */ 
          background-color:#0000FF\0;  /* 蓝色 这个是给IE11的 */
          background-color:#FFFF00\9;  /* 黄色 这个是给IE8和IE9的 */
    }
    


     IE11显示蓝色，IE8 IE9均显示黄色

测试地址：http://demo.jb51.net/html/ie-hack/ie-hack7.html

这样，我们再用上面的代码hack出IE8和IE9就可以了。

如何hack IE8和IE9 ？还是前面那个hack IE8 IE9的关键代码：

@media all and (min-width:0) {}

完整html代码这样写：

     
    
    
    
    .content{
          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) {
        .content{
            background-color:#000\9;   /* 黑色 这个是给IE9的 */
        }
    }
    


     IE11显示蓝色，IE8显示黄色，IE9显示黑色

测试地址：http://demo.jb51.net/html/ie-hack/ie-hack8.html

特别注意，@media all and (min-width:0) {} 里面的样式要加上 \9 ，表明这是给IE9的，不然Chrome和Firefox、360等浏览器都可以读，并且本例meta声明了IE=Edge属性的IE11也能读了。

感谢各位的阅读！关于“css中\9和\0为什么可能hack IE11\IE9\IE8无效”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享至：

   

关于我们

公司简介 发展历程

服务项目

高端网站建设 小程序开发 APP开发 网络营销

建站知识

行业新闻 建站学堂 常见问题

联系我们

公司地址 人才招聘

成都 达州



电话：028-86922220



地址：成都市太升南路288号锦天国际A幢1002号



电话：028-86922220



地址：达州市南岸区弹子石腾龙大道58号2栋21-6

友情链接： 航空文化传媒   成都做手机网站   网站建设开发   成都户外广告   成都广告公司   时嘉做网站   成都路面机械设备   绵竹网站建设   绵阳网站制作公司   叙永网站建设   

版权所有：青羊区大橙子信息咨询工作室 蜀ICP备2022028542号-14