由z-index引起的跟踪元素可见性

我翻遍所有互联网找到问题的答案： '如何真正识别页面'上可见的HTML元素'。有很少的方法来隐藏元素，我们可以跟踪其知名度：由z-index引起的跟踪元素可见性

使用CSS样式'display：none'。
使用css风格'visibility：hidden'。
使用CSS样式'不透明度：0'。
使用CSS样式'position：absolute'并添加样式'top： - ％SOME_PIXELS％px'或'left： - ％SOME_PIXELS％px。

但我撞上了一些有趣的案例：元素，我们正在寻找的知名度下的其他元素放置在位于绝对

例子：

<html> 
 
<body> 
 

 
<div id="1"> 
 
<span> 
 
    <div style='width:300px;height:250px;background-color:red ;'></div> 
 
</span> 
 
</div> 
 

 
<div style="position:absolute;top:8px;left:8px;" id="2"> 
 
    <span> 
 
    <div style='width:300px;height:250px;background-color:green ;'></div> 
 
    </span> 
 
</div> 
 

 
</body> 
 
</html>

例如在这种情况下，我们正在寻找元素id = 1似乎被隐藏。

在这种情况下，如何在没有z-index的情况下跟踪可见性？

来源

2016-12-02 Boris Danylenko

我因为以前你用的是“覆盖”，它在CSS中具有特定含义更新指的z-index的问题。我认为这更好地包装你的问题。如果没有，请随时回滚。 –