title: Trigger click on lower element (z-index)
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/6740242/click-link-below-a-higher-z-index-div">click link below a higher z-index div</a>  </p>
  </blockquote>
  
  
  
  <p>I have a small question. I have a few div elements in my code.
  They represent a kind of building. Now you have a front element (porch) and a back element (building).
  In the back element there will be a movie, but because the front element (porch) has a higher z-index the button will not work.</p>
  
  <p>A solution could be that a set the movie z-index higher (or move the element to the front), but because there is an element moving between the front and back (the element must move in front of the movie) i can not do this.</p>
  
  <p>I wondered if there is any solution that you can trigger clicks from element that have a lower  z-index or are lower in the structure. I heard there was a jquery plugin to do this, but I can not find it.</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;div id="cases" class="chapter"&gt;
      &lt;div class="building sprite"&gt;&lt;/div&gt;
      &lt;div class="porch sprite"&gt;&lt;/div&gt;
      &lt;div class="movie"&gt;
          &lt;iframe width="695" height="435" src="http://www.youtube.com/embed/O9REMmhvjQw" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>