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;
    }

  • 相关阅读:
    Sublime Text 3
    JobTracker等相关功能模块初始化
    .NET编程规范
    理解多线程设计模式(转)
    理解java中的ThreadLocal 专题
    情商--人生职场
    老师只喜欢好学生(转)
    不是因为项目让你不能发光,而是因为你才让项目不能发光
    考试系统--前进/后退功能
    tomcat配置文件server.xml具体解释
  • 原文地址:https://www.cnblogs.com/lr-blog/p/5104088.html
Copyright © 2011-2022 走看看