实时演示:http://codepen.io/flanker/pen/ajAow
有三个元素,如下:
<div class="parent">
<div class="child"></div>
</div>
在第一个例子中,父元素有一个border-radius并且子元素会溢出。在第二个例子中,父元素有一个border-radius和overflow:hidden,因此子元素被裁剪。两者都能正常工作。
但是在第三个例子中,父元素具有border-radius和overflow:hidden。这次我向子元素添加了一个动画,然后在Chrome(版本28.0.1500.52 beta / Mac OS X 10.8.3)中overflow:hidden无法正常工作。子元素仍然可以在父元素之外可见。
但是在Firefox(20.0)中它可以正常工作。
这是Chrome的错误吗?还是我忽略了其他CSS属性?
谢谢。
backface-visibility: hidden;
,因此不需要前缀。 - Rijk