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

我有一个问题,画廊是位置:固定;并且网站内容正在滚动它.除了在 Windows 7上的Safari之外,这个位置在每个浏览器中都有效(是的,它甚至在IE8和Mac上的Safari中都有效). Top已定义,但它仍然充当位置相对位置并向下滚动其余内容. 解决方法 解决方案是在该位置

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

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

解决方法

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

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

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

-webkit-transform: translateZ(0);

关于作者: dawei

【声明】:石家庄站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

为您推荐