测试元素是否在前面的简单方法？

Question

页面中的两个元素具有相同的z-index ...

<div id="one" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
<div id="two" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>

Div 2出现在前面,因为它跟在源中的div之后.

在jQuery中有一种简单的方法来测试一个元素是否在另一个元素的前面？

Answer 1

这可能会有所帮助：我正在获取传递的元素的偏移量，并将其与从 elementFromPoint 收到的元素进行比较。

function checkClickable(id){
    var element = document.getElementById(id);
    var newElement = document.elementFromPoint(element.offsetLeft, element.offsetTop);
    if(newElement){
        if(newElement.id == id)
            return true;
    }
    return false;
}

您可以使用它作为基础。