小编jmo*_*tes的帖子

我需要父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.

我想在支持它的浏览器中使用display: table和display: table-cell我的布局.在IE7中我只想浮动我的列(因为我认为它不可能让它在该浏览器中工作),但是找不到任何关于如何使用Modernizr来做它.有人可以帮我吗？

我想我可以使用浏览器条件,但希望不必打破另一个CSS文件.

谢谢!