Question

我试过这个：

body {身高：100％;溢出：自动; body #cornerImage {position：absolute; bottom：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中，并带有溢出：滚动。然后将我的不可滚动的“fixed”元素覆盖在一个具有更大z-index的单独div中。
执行Yelp对侧边栏上的地图所做的操作，并在每次用户滚动时使用Javascript重新定位元素。

如何在IE6中使我的固定位置工作？

1 个答案: