边界半径覆盖内部div

我在一个网页上有一个Coda滑块(手工制作,不使用插件,但这是无关紧要的),外部div有一个border-radius.

一堆内部div具有背景颜色,但是当我希望它们在圆角处时,它们会在角落顶部伸出.

有没有办法实现这个目标？

1> robertc..：

---

我发现如果我放置overflow: hidden元素,WebKit会裁剪所有内容,但Gecko不会(请参阅我的博客文章中的代码和截图).我在Gecko中所能做的最好的事情就是在内部div中放置一个边框半径,或者在包装div中添加一个边距/填充,以便内部div位于角落下方.

---

找到了一种使用SVG剪辑在Firefox中获得圆角的方法:http://www.boogdesign.com/b2evo/index.php/2009/09/02/firefox-img-rounded-corners-svg？blog = 2经过测试图像元素,应该适用于任何内容.

2> 小智..：

---

如果将position:static应用于overflow:hidden元素,则可以获得所需的结果.

检查出来:overflow:hidden,border-radius和position:absolute