不尊重 safari 上的 z-index 位置:粘性

Not respecting z-index on safari with position: sticky

我的网站重新设计时遇到了一些问题,我在案例研究中有一部分目标很棘手,一旦您通过图像,目标就会被完成。因为我使用的是全宽图像,所以我希望目标部分位于下方,当您滚动目标时再次看到它已经越过了,它在 chrome 和 firefox 上效果很好,但在 safari 上效果不佳。很奇怪,因为当我使用网络检查器时,safari 中的元素会暂时表现得像它应该的那样,并且它位于图像下方。

有人知道可以做什么吗?

Example link

这一定是 Safari 的一个错误,它们实现了 position: sticky 我已将此作为错误报告给 Apple - 也许也这样做?

transform: translate3d(0,0,0); 添加到非粘性 div 似乎可以在 Safari 中修复它

这个Safari-bug真的很奇怪,因为一旦我打开 Safari DevTools,这个错误就消失了。

@stormdrain:您在哪里向 Apple 报告了此问题 - 是否有 link 记录此错误的地方?