Question

我需要将一个页脚固定到视口的底部。 IE 6是问题 - 是的，它必须在IE 6中运行。那么多，不是我的电话。

使用此：

div#footer {
 width:1020px;
 position: absolute; 
 top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

在我的IE6.css中，我可以将页脚修复到页面顶部。但是，如果我把它切换到这个：

div#footer {
 width:1020px;
 position: absolute; 
 bottom: expression(0+((e=document.documentElement.scrollBottom)?e:document.body.scrollBottom)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

它变得混乱。我是否将表达式函数实现错误以将其固定到视口的底部？

谢谢！

Answer 1

不要使用expression子句。根据我的经验，它可以在缓慢的一侧渲染页面并且行为奇怪。有时候它会起作用，而其他时候它也不会优雅地失败。

我用这些方法取得了很大的成功。

但是如果没有看到整个页面，我就会更难看到我提供的链接是否会妨碍您当前的样式表。

Answer 2

尝试使用此代替表达式：

* {
    margin: 0;
}
html, body {
    height: 100%;
    overflow: auto;
}
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.box {
    position: fixed;
    left: 50%;
    top: 180px;
    margin: 0 0 0 -370px;
}
* html .box { 
    position: absolute;
}

/*

Fixed Positioning in IE6 
http://ryanfait.com/

*/

IE6固定定位

2 个答案: