title: Pass click through to fixed element
body: <p>I have a static element that is above a fixed element.  When the upper static element is clicked, I want to pass this click through to the fixed element.  How can I do this?  Here is a working example (I wasn't able to get this to work in JSFiddle).</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="lower" onclick="lowerClick()"&gt;&lt;/div&gt;
      &lt;div class="upper" onclick="upperClick()"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
      function lowerClick() {
          alert("LOWER CLICK");
      };
      function upperClick() {
          alert("UPPER CLICK");
      };
  &lt;/script&gt;
  
  
  //CSS file
  .lower {
      height: 100px;
      width: 100%;
      z-index: -1;
      position: fixed;
      background-color:blue;
  }
  .upper {
      height: 50px;
      width: 100%;
      z-index: 1;
      position: static;
      background-color:red;
      pointer-events: none;
  }
  </code></pre>
  
  <p>I thought that adding <code>pointer-events:none</code> to my upper element would make this work, but when I click the top element, nothing happens. </p>