javascript - 使用 CSS 样式化 SVG 图像

Question

在 IE10 和 IE11 中，我必须为图像使用 SVG 标签。
图像正确呈现，但不是它们的样式 (border-radius)。
如何将样式 (border-radius) 应用于 IE10+ 中的图像。

border-radius: 4px;

我需要支持所有主流浏览器(Webkit、Mozilla、IE8+)

---

我的例子
<强> http://jsfiddle.net/KDtAX/3298/
在这里您可以看到(我认为在所有浏览器中，除了 IE10+)图像有圆 Angular ，但是当您在 IE10+ 中打开它时，它没有。

我找到了一些描述可能解决方案的帖子。
这里有直播example

Answer 1

工作:http://jsfiddle.net/KDtAX/3304/

新代码:

svg, img {
    border-radius: 8px;
    border: thin solid black;
}

我认为所需要的只是 svg 和 img 的规则。