Safari Bug：在固定元素下的rotateY和rotateX元素

Question

用手向上滚动的灰色图像使用平移。它有一个固定的位置。狗图像切割具有以下样式：

transform: scale(1.025) rotateY(..) rotateX(..)

仅在Safari中发生。好像旋转的狗图像不喜欢固定元素。当图像在导航栏下方滚动（也是固定位置）时也会发生这种情况。

任何人都知道解决这个问题？我已经尝试在不同的元素上添加不同的变换属性，还没有修复。

Answer 1

将translate3d(...)添加到狗图像上方的固定元素上解决了问题。

我还将perspective: 9999添加到包含图像网格的父元素中。

Answer 2

我遇到了同样的问题。经过几次尝试，我通过添加tranlateZ(some value which is important)来修复它，将这两个层分成两层。