zoukankan      html  css  js  c++  java
  • IE8兼容问题汇总

    一、css的hack写法

           

     IE8 CSS hack 就是在属性后面加上 9 或者 ,代码如下:

    color:#FFF;                    /* IE8 */
    color:#FFF9;                    /* 所有IE浏览器(ie6+) */

    <------------------------------------------------------------------>

    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

  • 相关阅读:
    python中删除某个元素的3种方法
    研发团队开源管理工具最佳实践
    Cocos2dx游戏开发系列笔记13:一个横版拳击游戏Demo完结篇
    Sunny谈软件架构
    整理部分JS 控件 WEB前端常用的做成Jsp项目,方便今后直接用
    hdu3033I love sneakers! (分组背包,错了很多次)
    Using关键字的用法
    Android webViewj简单处理apk的下载链接
    山寨腾讯“爱消除”游戏之菜单特效
    Apache与Nginx优缺点比较
  • 原文地址:https://www.cnblogs.com/clj2017/p/8866288.html
Copyright © 2011-2022 走看看