我需要在父div上加上圆角以掩盖其子级的内容。overflow: hidden
可以在简单的情况下工作,但是当父级相对或绝对定位时,在基于Webkit的浏览器和Opera中会中断。
这适用于Firefox和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>
谢谢您的帮助!
更新:导致此问题的错误已在Chrome中修复。我还没有重新测试Opera或Safari。