小编nik*_*s-e的帖子

有没有办法确定 elementA 是否在另一个元素“后面”，因此 elementA 对用户不可见？

显然，可以使用stacking context，但问题是我们不知道应该查看哪些元素。因此，我们必须遍历 DOM 中的所有元素，并对多个元素执行堆叠上下文比较。这在性能方面并不好。

这是一个jsfiddle。那么有没有办法确定 #hidden-element 对用户不可见，因为另一个元素呈现在它上面？

https://jsfiddle.net/b9dek40b/5/

HTML：

<div id="covering-element"></div>
<div>
  <div id="hidden-element"></div>
</div>

款式：

#covering-element {
  position: absolute;
  width: 100px;
  height: 100px;
  background: darksalmon;
  text-align: center;
}

#hidden-element {
  width: 25px;
  height: 25px;
  background: deeppink;
}