title: Darken background images with partial transparency using CSS/Javascript
body: <p>I'm using partially transparent CSS sprites (i.e. the object in the image is opaque, the background is transparent). I want to darken the image using CSS or Javascript. I need to make the images change levels of darkness and it's impractical to make a separate image for each level of darkness.</p>
  
  <p>If it wasn't for the transparent background, I could've added a black layer on top of the image and change the opacity of that layer.</p>
  
  <p>Here's basically what I have: <a href="http://jsfiddle.net/PXU6j/2/" rel="noreferrer">http://jsfiddle.net/PXU6j/2/</a></p>
  
  <pre><code>&lt;!-- SO is forcing me to add code --&gt;
  &lt;div class=logo&gt;How do I make this darker?&lt;/div&gt;
  </code></pre>