由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的問題。我認爲這更好地包裝你的問題。如果沒有，請隨時回滾。 –