ie6下absolute:fixed问题，完美兼容-优快云博客

本文提供了一种CSS实现固定底部布局的方法，并针对IE6浏览器提供了兼容性解决方案，确保页面在不同浏览器中的一致性表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

普通css代码

.fix_foot{height: 30px; background: #ff0000; position: fixed; bottom: 0px; width: 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; width: 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)))}