animation - 隐藏的溢出在 CSS 旋转动画期间不起作用

Question

我有一个 border-radius 为 50% 的父 div，溢出设置为隐藏。里面是一个子 div，它是动画的。只要子 div 的旋转属性没有动画，一切正常 - 但一旦我尝试为 child 的旋转设置动画，父 div 的溢出:隐藏就不再起作用。

下面是一个例子 - 任何帮助都会很棒!

我正在 Safari 7.0.1 中测试

http://codepen.io/anon/pen/etEAv

Answer 1

我知道这是一个老问题，但我遇到了同样的问题。我认为这个错误根本没有在 Safari 中得到修复。我能够通过向 overflow: hidden 元素添加 z-index 来解决我的问题。转换:translateZ(0)；也可能工作。 position:fixed 似乎也解决了这个问题，但这可能不适用于很多情况。希望这对其他人有帮助。