首页 > 其他 > 详细

IE8兼容问题汇总

时间:2018-04-17 14:56:48      阅读:193      评论:0      收藏:0      [点我收藏+]

 

1、bootstrap3兼容问题,导致栅格系统失效。

 

 

<!--[if lt IE 9]>

       <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

       <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

<![endif]-->

 

3、rgba不兼容

 

         Style.css:894行

         .widget-list .mask-layer{

        background: rgba(0, 0, 0, 0.8);//注释掉这个

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);//改成这个,如果透明度不对,再来找我

}

.widget-list li a{

        /* backgroundrgba(255, 255, 255, .2); */

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);

}

 

 

4、系统管理页面 无任何显示。

 

 

 

5、min-height:兼容8

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
.index { margin: 0px 20px 20px; }

6、PIE.htc圆角兼容

引入   pic.htc文件

.index { positon:relative;z-index:+2;behavior: url(PIE.htc); }
.nav-tabs>li>a { positon:relative;z-index:+2;behavior: url(PIE.htc); }

 

7、border-box兼容ie8

Element {
     -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
  }

8、 媒体查询兼容IE8

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

 

1、1、bootstrap3兼容问题,导致栅格系统失效。

<!--[if lt IE 9]>

       <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

       <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

<![endif]-->

 

 

 

2、综合统计区   radio---label无法选择,

 

         解决办法:给label添加for 属性,关联input的ID。

 

3、系统总览   rgba属性替换为filter

 

IE8兼容问题汇总

原文:https://www.cnblogs.com/clj2017/p/8866288.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!