如何更改SVG作为背景图像的填充颜色？[副本]

Question

我有一个SVG作为div中的背景图像。当我通过JQuery添加一个类“svg”时，我想改变这个SVG的填充颜色。

我该怎么做呢？

以下是我目前为止的代码:

<!-- HTML -->
<div id="sg_lines"></div>

<!-- JS -->
$('.glyphs').on('click', function(e){
    $('#sg_lines').addClass('svg');
});

<!-- CSS -->
#sg_lines {
 position: absolute;
 z-index: 299;
 top: 0px;
 left: 0px;
 width: 1320px;
 height: 1080px;
 background-image: url('../../images/lines_foreground.png');
}

#sg_lines.svg img {
 fill: red;
}

谢谢

899年

Answer 1

您似乎有<代码>。png作为背景图像。

另外，我担心当你有一个svg作为的src时

您需要以某种方式重构代码，以便它使用内联svg（即html标记中的实际svg标记）。这样，您就可以使用 CSS 来更改其属性。