码迷,mamicode.com
首页 > 其他好文 > 详细

IE8兼容问题汇总

时间:2018-04-17 15:12:58      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:20px   script   lin   html5   ati   导致   注释   tst   box   

 

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兼容问题汇总

标签:20px   script   lin   html5   ati   导致   注释   tst   box   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!