Css 如何将背景色设置为SVG<；图像>；要素

我有一个带有透明背景的SVG图像。我想给它设置一个背景色。我试过：

style="background-color: blue"

及

而且它们都不起作用

有没有办法为这样的元素设置背景色

以下是JSFIDLE中的一个示例：

更新：

我通过添加一个与图像大小和位置相同的矩形并设置填充属性，找到了一个解决方案

你试过这个吗

svg {background-color: blue;}

---

背景色

适用于我尝试的所有浏览器（Chrome、Firefox和IE11）。你用的是什么浏览器？我使用chrome，红色背景颜色来自设置为body的css，而不是图像我在上一条评论中添加了一个更新的提琴。可能需要注意的是，将样式添加到“svg”元素而不是“image”元素会产生不同。在我的情况下，svg标记下会有一些其他元素，因此，我只想将背景颜色应用于图像。在这种情况下，将一个类添加到svg标记并向其添加颜色检查此小提琴

svg {background-color: blue;}