title: Triggering events for the DOM elements with lower Z-index value
body: <p>Can anyone help me out , on how to trigger events for DOM elements having lower z-index value . </p>
  
  <p>//HTML code</p>
  
  <pre><code>...
  &lt;div&gt;
  //Hihger Z-index element
  &lt;div id="element1" style="position: absolute;Z-index:5; height: 500px; width: 900px;"&gt;&lt;/div&gt;    
  
  //Lower Z-index element
  &lt;div id="element2" style="position: absolute;Z-index:2; height: 500px; width: 900px;"&gt;&lt;/div&gt;  
  &lt;/div&gt;  
  </code></pre>
  
  <p>//Binding Events</p>
  
  <pre><code>$("#element2").on("mouseenter",function() {alert("Problem with lower z-index")});
  </code></pre>
  
  <p>If I set a higher Z-index value for the #element2 the event is triggered.</p>