Si el elemento está sobre otro elemento?

Question

Con jQuery ¿cómo puedo averiguar si div one está sobre div two? No, qué índice z es más alto, pero qué div es visualmente sobre el otro div.

<style type='text/css'> 
    #one { 
    position:absolute; top:0; left:0; width:100px; height:100px; background-color:red; z-index:2; 
    } 
    #two { 
    position:absolute; top:0; left:0; width:100px; height:100px; background-color:green; z-index:1; 
    } 
    </style>  
    <div id='one'></div> 
     <div id='two'></div> 

Answer 1

Se puede utilizar el método de offset (here) para obtener el espacio desde los bordes del documento. Agregue el ancho y alto de los elementos, y restar los números.