Is there any way to get a mouseover event when an element is covered up by another element?
<p>Without calculating the element's position and then firing your own "event".</p>

<p><a href="http://jsfiddle.net/ckaPU/" rel="nofollow">original fiddle (can be fixed with z-index)</a> </p>

<p><a href="http://jsfiddle.net/PHXJ9/4/" rel="nofollow">better fiddle (a situation where z-index can't work)</a></p>

<p><img src="http://i.stack.imgur.com/mVUeN.png" alt="example"></p>

<pre><code>&lt;div class='under'&gt;&lt;/div&gt;
&lt;div class='over'&gt;&lt;/div&gt;

.over { 
  display:inline-block;
  position:absolute;
  height:100px;
  width:100px;
  background: rgba(0, 255, 0, .3);
}

.under {
  display:inline-block;
  position:absolute;
  height:26px;
  width:26px;
  top:37px;
  left:37px;
  background:rgba(0, 0, 255, 1);
}
</code></pre>
