不尊重具有位置的safari上的z-index:sticky

时间:2018-05-08 02:20:46

标签: css safari z-index sticky safari-web-inspector

我的网站重新设计时遇到了一些问题,我在案例研究中有一部分目标是粘性的,一旦你传递了一个图像,目标就会完成。当我使用全宽图像时,我希望目标部分位于下方,当你滚动目标已经越过时再次看到它,它在chrome和firefox上运行得很好,但在safari中却没有。很奇怪,因为当我使用网络检查器时,safari中的元素会像它应该的那样表现,并且它会在图像下面。

有没有人知道可能是什么?

Example link

2 个答案:

答案 0 :(得分:1)

这必须是其position: sticky实现的Safari错误 我已经向Apple报告这是一个错误-也许可以这样做吗?

答案 1 :(得分:0)

在非粘性div中添加transform: translate3d(0,0,0);似乎可以在Safari中对其进行修复