我需要父div上的圆角来屏蔽它的子级内容。overflow: hidden
在简单的情况下工作,但在基于webkit的浏览器和Opera中,当父级相对或绝对定位时会中断。
这在火狐和IE9中是有效的:
CSS
#wrapper {
width: 300px;
height: 300px;
border-radius: 100px;
overflow: hidden;
position: absolute;
}
#box {
width: 300px;
height: 300px;
background-color: #cde;
}
HTML
<div id="wrapper">
<div id="box"></div>
</div>
谢谢你的帮助!
更新:导致这个问题的bug 已经在Chrome中修复了。然而,我没有重新测试Opera或Safari。
https://stackoverflow.com/questions/5736503
复制相似问题