html - 如何让我的固定位置在 IE6 中工作？

Question

我试过这个：

身体{高度：100%；溢出：自动；身体#cornerImage {位置：绝对；底部：0；}

还有这个：

{ margin:0; padding:0; }
html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 and above*/
    bottom: 0;
}

这些都没有奏效。看起来我想要的职位正在工作，但问题是有一个巨大的利润推动我的内容下降。我在正确的轨道上吗？或者这不是我应该尝试的解决方法？

Answer 1

IE6根本不支持位置固定。这是许多 Web 开发人员不得不忍受的麻烦。我使用了两种选择：

• 将我的内容的可滚动部分放在一个单独的 100% 宽度/高度 DIV 中并溢出：滚动。然后将我的不可滚动的“固定”元素覆盖在具有更大 z-index 的单独 div 中。

• 执行 Yelp 对侧边栏上的地图所做的操作，并在每次用户滚动时使用 Javascript 重新定位元素。