我在一个网页上有一个Coda滑块(手工制作,不使用插件,但这是无关紧要的),外部div有一个border-radius.
一堆内部div具有背景颜色,但是当我希望它们在圆角处时,它们会在角落顶部伸出.
有没有办法实现这个目标？
因此，这就是问题所在：http : //bildr.no/view/927562
仔细看看：http : //bildr.no/view/927563
如您所见，每个角的边框变为不可见。这是图像的CSS代码：
#contentImage {
float: left;
border: 1px solid #C4C4C4;
border-radius: 8px;
margin-right: 25px;
}
<img src="images/image.jpg" id=contentImage" />
任何帮助将大大赞赏:-)
问题很简单,但我花了太多时间寻找答案.如果有人能对这个问题稍微说清楚,我会很感激.
CSS -moz-border-radius使用a div,但我试图让它在img标签上工作.
-webkit-border-radiusimg在Chromium中完美运作.
我也试图包裹img在一个div,其中有圆角和用途overflow: hidden;.它适用于Chromium,但在Firefox中没有希望.