html - 元素不会在 IE7 中停滞不前

Question

好吧，在各种浏览器中测试网站时，除了 Internet Explorer 7 之外，一切都完美无缺。我的问题很奇怪:我的菜单元素不会静止不动。我的意思是，当我向下滚动屏幕时，我的菜单元素会随着我移动，但只有它们的链接部分(所有背景内容都保留在顶部)，当我向上滚动时，菜单元素无处可见。这是 IE7 中的已知错误吗？

我怀疑问题可能出在 css 中的 position 属性上，因为我使用 position:relative 和 left/right:50% 来居中我的菜单元素。

Answer 1

我自己找到了答案。这是为那些有一天会为同样的事情而苦苦挣扎的人准备的。

罪魁祸首是可疑的位置。由于某种原因，相对定位的元素被视为固定的或以某种方式与页面布局分开，因此它在滚动时“悬停”在所有内容上。要解决这个问题，应该将页面的容器/包装器的位置设置为相对位置。所以这里是代码:

#container{position: relative}

非常感谢所有促使我朝着正确方向前进的评论。