zoukankan      html  css  js  c++  java
  • ie6下absolute:fixed问题,完美兼容

    普通css代码

    .fix_foot{height: 30px; background: #ff0000; position: fixed; bottom: 0px;  100%; z-index:10;}

    ie6兼容代码

    * html,* html body{background-image:url(about:blank);background-attachment:fixed}
    * html .fix_foot{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
    * html .fix_foot{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}

    用的时候直接这样放:(而且不会出现抖动)

    .fix_foot{height: 30px; background: #ff0000; position: fixed; bottom: 0px;  100%; z-index:10;}
    /*IE6兼容*/
    * html,* html body{background-image:url(about:blank);background-attachment:fixed}
    * html .fix_foot{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
    * html .fix_foot{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
  • 相关阅读:
    linux系统编程程序员必备
    postgresql查询优化之GIN(Generalized Inverted Index)索引与全文检索
    postgresql并行执行
    lightdb for postgresql日志详解
    PostgreSQL 使用数组类型
    postgresql wal文件误删恢复
    汉语词性标注集
    postgresql----JSON类型、函数及全文检索的支持
    postgresql等待事件之wait_event为空解析
    lightdb for pg查看锁
  • 原文地址:https://www.cnblogs.com/wesky/p/3303481.html
Copyright © 2011-2022 走看看