html - 边框半径在 Chrome 和 Safari 浏览器中不起作用

Question

我为我的图像使用了边框半径，图像的 Angular 没有变圆。

但相同的代码在 Mozila Firefox 中运行正常。

CSS:

 body img { 
     border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 3px solid #ed1d24;
    }

Answer 1

首先设置边框，然后覆盖其半径:

 body img { 
    border: 1px solid #ed1d24;
     border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    }

[编辑]

实际上，我只能得出结论，它以一种或另一种方式起作用。我自己使用的是 Chrome，这个 fiddle 中的两张图片都有圆 Angular 。

http://jsfiddle.net/aqBA7/