title: How to change fill color for SVG as background-image?
body: <p>I have a SVG as Background Image in a div. When I add a class "svg" via JQuery I would like to change the fill color of this SVG.</p>
  
  <p>How can I do that? </p>
  
  <p>Here is my Code so far:</p>
  
  <pre><code>&lt;!-- HTML --&gt;
  &lt;div id="sg_lines"&gt;&lt;/div&gt;
  
  &lt;!-- JS --&gt;
  $('.glyphs').on('click', function(e){
      $('#sg_lines').addClass('svg');
  });
  
  &lt;!-- CSS --&gt;
  #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;
  }
  </code></pre>
  
  <p>Thanks</p>
  
  <p>kay899</p>