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上的填充位于顶部/左侧有10px填充。

长＆amp; border-radius的简写语法在IE9 + 10中运行得很好

Answer 2

对于IE使用：

border-radius: 25px;

这应该足够工作了。由于每个角落都有相同的值，因此无需单独指定每个角落。

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

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

值依次排列：左上角，右上角，右下角，左下角

Answer 3

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

的精彩小网站

边界半径不正确

3 个答案: