元素不会在 IE7 中停滞不前答案

【问题标题】：Elements won't stand still in IE7元素不会在 IE7 中停滞不前
【发布时间】：2012-12-28 04:20:45
【问题描述】：

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

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

【问题讨论】：

有什么机会position: fixed？
我建议您使用 IE9 进行 IE7 测试（使用 F12 调出开发工具）
IE7 可能需要一个顶部位置值。
如果没有链接、jsfiddle 或完整的标记，我们所说的一切都只是一个疯狂的猜测。
@Rob 我明白这一点，但你的疯狂猜测至少给了我一个从哪里开始调查的基线。我希望这是一些广为人知的 IE 错误。

标签： html css internet-explorer-7

【解决方案1】：

自己找到了答案。这是为那些有一天会在同一件事上挣扎的人准备的。

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

#container{position: relative}

非常感谢所有 cmets 在正确的方向上鼓励我。

【讨论】：

只要我们有链接或标记，我们就能指出 IE 中的那个已知错误（在众多其他错误中）。