在Safari 6中，position:fixed停止工作

Question

3

过去几周，我一直在开发一个网站。当我升级到Safari 6版时，几个div上的position:fixed停止工作。在Chrome 20和Firefox 14中仍按预期工作。我找到了与移动Safari相关的问题，但没有类似的情况。有其他人遇到过类似的问题吗？

- drayfar

只有您的浏览器出了问题。 - Mr. Alien

你还没有找到相关信息的原因是Safari6刚刚发布（目前仅适用于Mac OS，而不是Windows），所以大多数人还没有使用它。如果这确实是一个像你说的那样严重的问题，其他人很快就会开始注意到。 - Spudley

我在升级到Mountain Lion后遇到了同样的问题。必须尽快找到解决方案。我们的用户升级到ML后将失去我们网站上的一些重要功能，这可能会对我们造成损失。 - Jay

是的：一个 position:fixed 的元素会导致底层页面无法滚动。我正在准备一份报告提交给苹果公司。 - Chris Adams

这是一个简化版：https://gist.github.com/3299233 - Chris Adams

是的，我也看到了。具体来说，我有一个 position:fixed; 的块，只有当我将鼠标悬停在上面时，它才会以正确的位置重新绘制。 - stephband

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- dilloncarter · Answer 1

你尝试过使用 position:static 吗？我记得在一段时间前曾经读到过这个在移动版 Safari 中的 bug。

- Al Ex Tsm · Answer 2

拥有负的z-index值可能是问题所在！

我遇到了这个问题。在Safari 5上一切正常，但在6上，固定位置的div突然停止工作。

当时我正在处理背景视频。

我注意到，将背景视频放置在固定位置并使用-100（负值）的z-index值会使所有其他固定的div在滚动时移动。

因此，我的结论是不应该使用负的z-index值。我将其更改为1，一切都正常了。