修复的位置无法在Windows Safari上运行

Question

我有一个问题,画廊是位置:固定; 并且网站内容正在滚动它.除了在Windows 7上的Safari之外,这个位置在每个浏览器中都有效(是的,它甚至在IE8和Mac上的Safari中都有效).

Top已定义,但它仍然充当位置相对位置并向下滚动其余内容.

Answer 1

解决方案是在该位置定义z-index:fixed; 元件.出于某种原因只在Windows Safari上的位置:固定; 在定义任何z-index之前不起作用.

后来,我发现这个bug可能是由-webkit-transform属性导致的,页面上有一些固定元素.

另外,我发现在固定元素上设置它可以帮助:

-webkit-transform: translateZ(0);