在某些浏览器坐标处获取元素？

Question

在屏幕上，要释放元素之间3D空间的错觉，如果没有画布或引擎来协助完成该过程就不容易了。我的问题是，是否可以获取浏览器中某个选定的X / Y坐标处存在的所有元素。

假设您在一个容器中有两个div，我们可以假装是我们的“ X / Y坐标” ：

  div { 
    width: 50%; 
    height: 200px; 
    float: left; 
    background: blue; 
    color: white;
  } 
  .annoying { 
    position: absolute; 
    width: 100px; 
    left: 200px;
    height: 100px; 
    background: red; 
  }

<div id="left">
  Left side.
</div>

<div id="right">
  Right side.
</div>

<div class="annoying">
  Hmm, this gets confusing and unpredictable if I'm on the right side...
</div>

这个想法不是“您可以点击什么？”，而是如何确定z视图中某个像素处的元素。如果我在.annoying上方对等时单击它，我会期望.annoying和#right。如果可以的话，单击.annoying的左侧将得到.annoying和#left。

这让我感到困惑，而且我对如何解决这个问题没有最接近的想法。在搜索Stack＆Google时，我找不到关于精确像素匹配的很多信息。