zoukankan      html  css  js  c++  java
  • IE不同版本的兼容问题

     作为一名前端开发人员,跟IE的接触可是不少啊。这个大家都懂得,我也不多说了。今天又用到了(最近对IE6的兼容写的比较多),

    所以我决定,将常用的兼容汇集总结下。下面我总结了一些IE下的hack:

        _    IE6独有
        * IE6,IE7
       IE8
    9 IE8 ,9

    配合@media使用的hack如下:

    @media screen\,screen9                        IE6,7,8
    @media                        IE8

    另:在IE6下对fixed属性的兼容支持:

    .fixItem{

      position:fixed;

          _postion:absolute;

         bottom:0;

      _bottom:auto;

      right:20px;

      _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    }

    IE6对固定在顶部的兼容

    .fixItem{

      _position:absolute;

      _bottom:auto;

      _top:expression(eval(document.documentElement.scrollTop));

    }

    光用以上表达式的时候,我们会发现,在IE6下滚动滚动条时,固定在浏览器顶部分元素会有闪烁的效果,为避免这种闪烁的效果,在CSS中添加一下代码即可:

    *html{

      background-image:url(about:blank);

      background-attachment:fixed;

    }

    这些是我目前用的较多的hack,不太全,先写这么多,后期再补全。

    ===================

    IE11

    _:-ms-fullscreen,:root .infoinput {
    padding-top: 4px;
    padding-bottom: 4px;
    }

  • 相关阅读:
    微前端的那些事儿
    网络是怎样连接的 作者户根勤 交流论坛
    数据结构与算法学习
    cpu读取指令时读取的长度
    小程序开发
    npm 安装 chromedriver 失败的解决办法
    Git:代码冲突常见解决方法
    Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)
    pm2
    多媒体技术及应用
  • 原文地址:https://www.cnblogs.com/lr-blog/p/5104088.html
Copyright © 2011-2022 走看看