相关疑难解决方法(0)

将SVG输出直接与页面代码一起放置我可以使用CSS简单地修改填充颜色,如下所示:

polygon.mystar {
    fill: blue;
}?

circle.mycircle {
    fill: green;
}

这很好用,但是我正在寻找一种方法来修改SVG的"填充"属性,当它被用作背景图像时.

html {      
    background-image: url(../img/bg.svg);
}

我现在该如何改变颜色？它甚至可能吗？

作为参考,这是我的外部SVG文件的内容:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="320px" height="100px" viewBox="0 0 320 100" enable-background="new 0 0 320 100" xml:space="preserve">
<polygon class="mystar" fill="#3CB54A" points="134.973,14.204 143.295,31.066 161.903,33.77 148.438,46.896 151.617,65.43 134.973,56.679 
    118.329,65.43 121.507,46.896 108.042,33.77 126.65,31.066 "/>
<circle class="mycircle" fill="#ED1F24" cx="202.028" cy="58.342" r="12.26"/>
</svg>