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

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

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

解决方法

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

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

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

-webkit-transform: translateZ(0);

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注