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

发布时间：2020-12-14 05:47:16 所属栏目：Windows 来源：网络整理

导读：我有一个问题,画廊是位置：固定;并且网站内容正在滚动它.除了在 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);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!