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

我有一个边界半径为50％的父div，溢出设置为隐藏。其中是一个动画的小孩div。只要小孩div的旋转属性不是动画的，一切都可以正常工作 - 但是一旦我尝试对孩子的旋转进行动画处理，parent div的overflow：hidden不再起作用。在CSS旋转动画期间溢出隐藏不起作用

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

我在Safari 7.0.1测试

2014-01-14 Alan

在Safari 5.1.7（Windows 7）上确认。溢出：隐藏工程，但无视边界半径属性。看起来像一个Safari错误。 – user1853181

这是一个已知的Safari浏览器的bug，并报告here。它被标记为2012-11-14已解决。

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

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

2014-01-14 10:20:45 user1853181

感谢您的信息。我希望它解决了，但我在Mac上使用Safari 7.0.1，这是最新版本 - 我仍然有问题。 – Alan

考虑重新打开您的信息的错误。它将得到更快解决，并且还有帮助社区的额外好处。 – user1853181

会做。等待新帐户验证电子邮件，以便我可以提交信息。 – Alan

我知道这是一个老问题，但我遇到了同样的问题。我不认为这个bug在Safari上已经被修复了。我能够通过向overflow：hidden元素添加一个z-index来解决我的问题。它看起来像位置：固定也解决了这个问题，但这可能不适用于许多情况。希望这能帮助其他人。

2017-08-24 20:23:30 missmatsuko

Z指数对我来说就像一个魅力。谢谢。 – Mechwd

回答