windows - 固定位置不适用于 Windows Safari

Question

我有一个画廊的问题是 position:fixed;网站内容在上面滚动。该固定位置适用于除 Windows 7 上的 Safari 之外的所有浏览器(是的，它甚至适用于 IE8 和 Mac 上的 Safari)。

顶部已定义，但它仍然充当相对位置并与其余内容一起向下滚动。

Answer 1

解决方案是在该位置定义 z-index:fixed;元素。出于某种原因，仅适用于 Windows Safari position:fixed;在定义任何 z-index 之前不起作用。

后来我发现这个bug可能是页面上的一些固定元素有-webkit-transform属性引起的。

此外，我发现在该固定元素上设置它可能会有所帮助:

-webkit-transform: translateZ(0);