如何将背景颜色设置为SVG <img/>元素

时间:2017-08-31 15:55:58

标签: html css html5 svg

我有一个透明背景的SVG图像。我想为它设置背景颜色。我试过了:

style="background-color: blue"

fill="blue"

并且它们都不起作用。

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

以下是jsfiddle中的一个示例: https://jsfiddle.net/672ec2n1/15

更新

通过添加一个与图像具有相同大小和位置的矩形并为其设置fill属性,我找到了一种解决方法。

https://jsfiddle.net/672ec2n1/17/

1 个答案:

答案 0 :(得分:1)

你试过这个吗?

svg {background-color: blue;}