如何设置SVG的背景颜色<image>元素

我有一个透明背景的SVG图像。我想为它设置一个背景颜色。我想：如何设置SVG的背景颜色<image>元素

style="background-color: blue"

和

fill="blue"

，没有他们的工作。

有什么办法可以为这样的元素设置背景色吗？

这里是在的jsfiddle一个例子： https://jsfiddle.net/672ec2n1/15

更新：

我发现一种解决方法溶液通过添加具有相同的大小和位置作为图像的矩形和填充属性设置为它。

2017-08-31 YHTsai

在我尝试过的所有浏览器（Chrome，Firefox和IE11）中，'background-color'适用于我。你使用的是什么浏览器？ https://jsfiddle.net/672ec2n1/12/ –

我使用铬，红色的背景颜色是从设置为身体的css，而不是图像 – YHTsai

我添加了一个更新的小提琴到我最后的评论。 –

你试过吗？

svg {background-color: blue;}

2017-08-31 16:00:56 Znaneswar

在我的情况下，我会有其他一些元素下的svg标签，所以我想只应用背景颜色的图像。 – YHTsai

在这种情况下，添加一个类到svg标签并添加颜色到它检查这个小提琴https://jsfiddle.net/Lpa6vp51/ – Znaneswar

回答