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

时间:2014-01-14 09:45:08

标签: css animation rotation css3

我有一个父div,边界半径为50%,溢出设置为隐藏。内部是一个动画的子div。只要子div的rotation属性没有动画,一切正常 - 但是一旦我尝试为子项的旋转设置动画,溢出:隐藏的父div就不再有效了。

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

我在Safari 7.0.1中进行测试

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

2 个答案:

答案 0 :(得分:1)

这是一个已知的Safari错误,并被报告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更新为最新的稳定版本时,您应该能够获得所需的行为。

答案 1 :(得分:1)

我知道这是一个老问题,但我遇到了同样的问题。我根本不认为Safari中已经修复了这个bug。我能够通过向overflow:hidden元素添加z-index来解决我的问题。 transform:translateZ(0);也可以工作。看起来像position:fixed也修复了问题,但这可能不适用于很多情况。希望现在能帮助别人。