title: Draw a line on top of div with background image
body: <p>I have a <code>div</code> on my page that has a background image specified using the <code>background-image</code> property. I'd like to be able to draw a line on top of the background image using HTML/CSS (i.e. Not creating a separate image with the line drawn through the image). Is this possible?</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#myDiv {
      background-image: url('myimage.png');
      background-repeat: no-repeat;
      height: 32px;
      width: 32px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="myDiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>EDIT</strong></p>
  
  <p>Sorry, by "on top of" I mean on top of in terms of z index, not on the top edge of the image. My apologies for not being clear. What I'm trying to do is draw a red slash line through the image.</p>