边框半径不正确显示

Question

我在样式表中为某个 div 中的所有图像设置了 border-radius。工作正常，除了在某些浏览器中半径根本不是圆的？

我为 IE、webkit 和 moz 设置了它。但例如在 IE10 中，除了右下角外根本没有半径。

例子1

代码:

div#dienstright img{

border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;

-moz-border-radius:25px 25px 25px 25px; 

-webkit-border-top-left-radius:25px; 
-webkit-border-top-right-radius:25px; 
-webkit-border-bottom-left-radius:25px; 
-webkit-border-bottom-right-radius:25px; 
}

Answer 1

在这种情况下，它是 img 上的填充，如果您删除 border-radius 将按预期显示，则顶部/左侧有 10px 的填充。

border-radius 的长写和简写语法在 IE9 + 10 中工作得很好