title: Simple Javascript/CSS text overlay on image
body: <p>Here's an easy one but my web fu is rusty. I have a a list of small images (100px width, 125px height) I'd like users to be able to click on the image and in doing so have a number overlaid on the clicked image. </p>
  
  <p>Is there a "easy" way to do this with just CSS and/or Javascript? I could use Javasript to add a class to the clicked image/div but not quite sure how to generate the transparent numeral overlay to fill the image area. do I need to draw to the Canvas or is there an easier way?</p>