title: Passing mouse clicks through an overlaying element <div>
body: <p>Is it possible to pass mouse clicks through an overlaying element:</p>
  
  <pre><code>&lt;div style="background: url('img/rain.png'); z-index: 100; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>down to underlaying elements (paragraphs, images, links, etc)?</p>
  
  <hr>
  
  <p><em>Or worded another way:</em></p>
  
  <p>Is there any way of creating a purely aesthetic overlay/layer in HTML, CSS and/or JavaScript?</p>