border - 边框半径显示不正确

Question

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

我为 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。10px

在 IE9 + 10中工作的长短手语法border-radius很好

Answer 2

对于 IE 使用：

border-radius: 25px;

它应该足以正常工作。而且由于每个角落都有相同的值，因此无需单独指定每个角落。

如果您需要单独指定使用：

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

值按顺序排列：左上、右上、右下、左下