【发布时间】：2018-02-09 15:45:26
【问题描述】：
我有一个透明背景的 SVG 图像。我想为其设置背景颜色。我试过了：
style="background-color: blue"
和
fill="blue"
它们都不起作用。
有没有办法给这样的元素设置背景颜色？
这是 jsfiddle 中的一个示例： https://jsfiddle.net/672ec2n1/15
更新：
我通过添加一个与图像具有相同大小和位置的矩形并为其设置填充属性找到了一种解决方法。
【问题讨论】：
-
background-color适用于我尝试过的所有浏览器（Chrome、Firefox 和 IE11）。你使用的是什么浏览器？ jsfiddle.net/672ec2n1/12 -
我用的是chrome，红色的背景色来自设置为body的css，不是图片
-
我在上一条评论中添加了一个更新的小提琴。
-
可能会注意到，将样式添加到“svg”元素而不是“image”元素会有所不同。