我怎样才能创建使用CSS圆角?
我需要一个父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> JSFiddle示例 谢谢您的帮助! 更新:导致此问题的错误已经在Chrome中修复。 不过,我还没有重新测试Opera或Safari。