我正在使用WebKit体验一些非常奇怪和棘手的东西。我正在玩一个CSS动画，其中div围绕Y轴旋转，而背景中的另一个div无效。问题是，在Safari中，旋转的div被第一个div切割，而不是在它上面旋转。
这有点难以解释，所以这里是一个JSfiddle。 http://jsfiddle.net/HMF6f/
有人提到添加一个3d翻译可以修复它（如下所示），但是在复杂动画的情况下，这完全改变了视觉外观，这对我不起作用。
-webkit-transform: translate3d(0, 0, 100px) rotateY(-50deg);
我喜欢Chrome的行为方式，我希望有相同的行为。关于如何实现这个的任何想法？