Animation CSS旋转动画期间溢出隐藏不起作用

我有一个边界半径为50%的父div，溢出设置为隐藏。其中有一个子div，已设置动画。只要子div的rotation属性没有设置动画，一切都可以正常工作-但是只要我尝试设置子div的旋转动画，父div的overflow:hidden就不再工作了

下面是一个例子-任何帮助都将是伟大的

我正在Safari 7.0.1中进行测试

---

这是一个已知的Safari bug，已被报告。该协议于2012年11月14日被标记为已解决

Comment #25 From Manolis Kp. 2012-11-14 02:07:14 PST
This issue has been fixed, marking as resolved

---

因此，当您将Safari更新到最新的稳定版本时，您应该能够获得所需的行为。

我知道这是一个老问题，但我遇到了同样的问题。我认为这个错误在Safari中根本没有被修复。我可以通过向overflow:hidden元素添加z索引来解决我的问题。变换：translateZ（0）；也可能有效。这看起来像是位置：修复也解决了问题，但这可能不适用于很多情况。希望这对其他人有帮助。

已在Safari 5.1.7（Windows 7）上确认。溢出：隐藏工作，但忽略边界半径属性。好像是个狩猎迷。谢谢你提供的信息。我希望它被解决了，但是我在Mac上使用Safari 7.0.1，这是最新的版本，我仍然有这个问题。考虑用你的信息重新打开bug。它将更快地得到解决，并有助于社区的额外好处。等待新帐户验证电子邮件，以便我可以提交信息。我有一个按钮，里面嵌套了一个伪元素，悬停时从0到100%的宽度设置动画，以在按钮内创建“填充”效果。伪元素仅在动画期间溢出到其容器（具有圆角）的外部，然后在动画结束时正确地包含在父元素中。将z-index添加到父元素对我来说不起作用，但是将

transform:translateZ（0）

添加到父元素就像一个符咒，无需进行其他更改。