如何检测两个<div>元素是否发生碰撞?
两个div是相互垂直的简单彩色盒子,因此没有复杂的形状或角度.
如果我有2个div(z索引没有分配),一个分层覆盖,我可以使用顶部div的引用来找到它下面的div吗?
就DOM结构而言,这两个div将是兄弟姐妹.但在视觉上它们彼此堆叠在一起.
这是一个例子:
<body>
<div id="box1" style="background:#e0e0e0;height:100px;width:100px;"></div>
<div id="box2" style="background:#000000;height:100px;width:100px;margin-top:-50px;"></div>
</body>
Run Code Online (Sandbox Code Playgroud)
结果如下:

所以我试图找出,当有黑色div,box2,一种在jquery中返回box1的方法(使用选择器),因为box1在box2下面,使用jquery.