如果元素超过另一个元素？

Question

使用jQuery，如何判断div one是否超过div two？不是，哪个z-index更高，但div在视觉上超过了另一个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

您可以使用offset方法（here）从文档边缘获取空间。添加元素的宽度和高度，并减去数字。