title: How to display an icon over an image (lightbox thumbnail)?
body: <p>I have a HTML code that looks like this:</p>
  
  <pre><code>&lt;p&gt;
      &lt;a href="image.jpg" rel="lightbox" title="Image 1" rtekeep="1"&gt;
          &lt;img src="image.jpg" /&gt;
      &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I would now like to use an icon which gets displayed over the image.
  I know that it would make sense to use a div and give that div a background image but I would be glad if there could be a CSS or jQuery solution, since that HTML code is getting used about 200 times on our website, so it would take very long to change each of them.</p>