使用CSS样式SVG图像

时间:2014-11-07 15:09:30

标签: javascript jquery html css svg

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

border-radius: 4px;

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


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

我发现了一些描述可能解决方案的帖子 这是一个实时example

1 个答案:

答案 0 :(得分:0)

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

新代码:

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

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

的规则