我在一个网页上有一个Coda滑块(手工制作,不使用插件,但这无关紧要),外部div有一个border-radius。
一堆内部div具有背景颜色,但是当我希望它们位于圆角时,它们会伸出角落顶部。
有没有办法实现这个目标?
答案 0 :(得分:17)
我发现,如果我将overflow: hidden
放在元素上,WebKit会裁剪所有内容,但Gecko不会(请参阅my blog post for code and screenshots)。我在Gecko中做的最好的事情就是在内部div中设置边框半径,或者在包装div中添加边距/填充,以便内部div位于角落下方。
答案 1 :(得分:16)
如果将position:static应用于具有overflow:hidden的元素,则可以获得所需的结果。