边框半径显示不正确

我在某个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; 
}

来源

2013-03-11 Robin V

最体面的浏览器一个精彩的小网站支持简单的语法http://caniuse.com/# search = border-radius所以'border-radius：25px;'应该就够了。只有IE8会降级（和Opera mini） – scunliffe 2013-03-11 15:49:55

在这种情况下，其如果您删除边框半径将按预期显示，则在您的img上填充填充的顶部/左侧有10px。

长&短手语法border-radius作品刚刚在IE9罚款+ 10

来源

2013-03-11 15:53:39 Adrift

解决了！我多么愚蠢！非常感谢！ – 2013-03-11 15:55:19

+1我完全错过了那个 – 2013-03-11 16:06:55

对于IE使用：

border-radius: 25px;

它应该是足够的工作就好了。而且，由于您对每个角落都具有相同的价值，因此无需分别指定每个角落。

如果您需要分别指定使用：

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

的值依次为：左上，右上，右下，左下

来源

2013-03-11 15:48:26 otinanai

我只是单独指定它们以尝试排除故障。当我仅写入border-radius：25px时，它没有修复; – 2013-03-11 15:50:22

看我上面的编辑！ – otinanai 2013-03-11 16:05:15

有一个称为http://border-radius.com/

来源

2013-03-12 16:33:21

边框半径显示不正确

回答

相关问题