title: Make overlapping div "not clickable" so that content below can be accessed?
body: <p>I am using a JPG overlay with a reduced opacity for an effect, however I want it as an effect only and make the content below that div clickable. Is that possible, thanks :)))</p>
  
  <p>Thanks for your comments everyone. I guess I'll have to think of something else because the JPEG covers the whole page :)</p>