webkit - 带有border-radius的img覆盖了它的边界

Question

在 webkit 中，如果我在具有边框的图像上设置边框半径，则图像不会很好地位于边框内，而是覆盖边框并保持方形。

http://jsfiddle.net/ECNJ4/

任何不意味着使用背景图像或添加标记的修复？

Answer 1

退房：http: //jsfiddle.net/ECNJ4/6/

CSS

img {
  border-radius: 15px;
  box-shadow: 0 0 0 16px red;
}

​</p>

Answer 2

我必须在 img 周围使用一个包装器元素才能使其工作。也许有更好的解决方案，但我没有找到。