仅在Safari中的3d变换期间剪切问题

str*_*f88 5 html css transform

我在执行3d旋转时有一个有趣的剪裁问题.我使用以下方法旋转元素:

-webkit-transform:rotate3d(0,1,1,180deg);

在动画期间,它在Chrome,Firefox和除Safari之外的任何其他浏览器中都很好看.

窗口正在剪切它后面的元素.这不应该是z索引问题,因为我已经为这些元素分配了正确的z-index.

任何人都知道在Safari中可能导致这种情况发生的原因是什么?

这是Safari在动画期间的样子:

苹果浏览器

并在Chrome中正确制作动画 铬

谢谢!

Ast*_*igh 1

可能是您使用的 safari 版本没有很好地支持 z-index检查 can I use.com