zoukankan      html  css  js  c++  java
  • 浏览器兼容问题 透明度 position:fixed bootstrap

    浏览器兼容问题:主要是ie8以下:

    用bootstrap框架结合jq写页面,因为bootstrap有好多@media和html5所以要在引入样式后引入两个js

       <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    2、在移动端的适配要加

     <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1" >

    3、关于position:fixed不兼容

    .ie6fixedTL{position:fixed;left:0;top:0}

    4、半透明background:rgba(0,0,0,.6)不兼容ie9及以下,需添加

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

    5、遗留问题

    下拉菜单在ie9及以下没有,(透明度的兼容把下拉菜单给过滤掉了,还没有完美的解决方案)

    ie8没有圆角效果,margin-left显示不正常,图片不轮播

  • 相关阅读:
    Babelfish
    【动态规划】货币面值
    contest 1.18
    contest 1.17
    contest 1.16
    contest 1.15
    contest 1.14
    contest 1.13
    contest 12.31
    [cf]Round #529 (Div. 3)
  • 原文地址:https://www.cnblogs.com/jia-hui/p/5754195.html
Copyright © 2011-2022 走看看