IE6的粘页脚css技巧不起作用答案

【问题标题】：Sticky footer css trick with IE6 not workingIE6的粘页脚css技巧不起作用
【发布时间】：2011-05-16 06:44:27
【问题描述】：

我想这个问题时不时会弹出（实际上我在发布自己的问题之前阅读了一些帖子）但又来了。

如何使用 IE 6 让粘性页脚在此 url 上工作？（链接已被删除，因为它现在已损坏）

这里的区别在于，如果您单击“Werknemer”或“AEX”，我会得到一个隐藏的 div。

这是我希望在浏览器窗口底部可见的块（而不是当前的页面末尾）。

感谢您的帮助！

【问题讨论】：

现在 ie6 是不是很普遍，以至于你不得不向后弯曲才能兼容？

标签： css internet-explorer-6 sticky-footer

【解决方案1】：

我一直在用 CSS 表达式在 IE 中完成 position:fixed 。我发现就您的标记而言，它的破坏性最小。唯一的问题是，如果没有启用 Javascript，它就无法工作。

如果您在 quirks 模式下工作，这是您在仅 IE6 的样式表中放入的内容：

/* Smooths out the scrolling of #your-fixed-element */
body {
  background-attachment: fixed; 
} 

#fixedElement  {
  position: absolute;      
  left: 0;
  top: expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}

如果您处于标准模式，请改用此 #fixedElement 声明：

#fixedElement  {
  position: absolute;      
  left: 0;
  top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight);
}

【讨论】：

【解决方案2】：

您需要搜索“IE6 position fixed”（position: fixed 是您在更好的浏览器中使用的 CSS。）

这个网站有很多解决方案：http://www.wickham43.supanet.com/tutorial/headerfooterfix.html （我猜this example 是你要找的那个）

【讨论】：