zoukankan      html  css  js  c++  java
  • [重温经典]ie6 不支持position:fix的解决方案

      ie6下面不支持position:fix的已经是一个比较旧的问题,现在拿出来呢,就是温习一下.

    目前我知道 解决方案大致有这么几种:

    1.通过  <!--[if lte IE 7]>      <![endif] -->   用导入js解决

    2.通过css hack 解决

    目前我就知道大致这么几个..

    现在写一下 css hack的 方案 主要是通过 ie css中的 expression 做的

    /*让position:fixed在IE6下可用! */

    .fixed-top
    /* 头部固定 */{
    position
    :fixed;bottom:auto;top:0px;
    }


    .fixed-bottom
    /* 底部固定 */{
    position
    :fixed;bottom:0px;top:auto;
    }


    .fixed-left
    /* 左侧固定 */{position:fixed;right:auto;left:0px;}


    .fixed-right
    /* 右侧固定 */{position:fixed;right:0px;left:auto;}


    /* 上面的是除了IE6的主流浏览器通用的方法 */

    * html,* html body
    /* 修正IE6振动bug */{
    background-image
    :url(about:blank);background-attachment:fixed;
    }


    * html .fixed-top
    /* IE6 头部固定 */{
    position
    :absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));
    }


    * html .fixed-right
    /* IE6 右侧固定 */ {
    position
    :absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-
    (parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0))
    ;
    }


    * html .fixed-bottom
    /* IE6 底部固定 */{
    position
    :absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
    (parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
    ;
    }


    * html .fixed-left
    /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}

  • 相关阅读:
    编程注意事项(2010.12.25)
    单链表冒泡排序
    关于选书与读书
    记录一下后几年要看的书
    我的第一次面试经历
    使用IntelliJ IDEA配置Tomcat(入门)
    linux中Find命令的使用
    profile,bashrc,bash_profile之间的区别和联系
    Linux的启动流程、模块管理与boot Loader
    linux(Centos)下软件安装的方式总结
  • 原文地址:https://www.cnblogs.com/NetSos/p/1879739.html
Copyright © 2011-2022 走看看