为什么CSS3边框半径不适用于webkit浏览器（Chrome和Safari）上的图像？

Question

这适用于firefox 4和ie9，但不适用于chrome或safari。它在歌剧中也不起作用，但谁在乎呢。那么如何让它发挥作用？

img { width: 100px; height: 100px; border: 3px solid #fff; 

-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 

}

Answer 1

解决方法是使用div并将div的背景设置为图像。

.rounded { 
    width: 100px;
    height: 100px; 
    border: 3px solid #fff; 

    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 

    background: url(image.png) no-repeat;
}

Answer 2

你使用白色作为边框。你的背景是什么颜色的？我没有在我的jsfiddle http://jsfiddle.net/m5NP3/

上看到任何问题