Javascript 跟踪z索引导致的元素可见性

我翻遍了整个互联网，想找到问题的答案： “如何真正识别页面上可见的HTML元素。”。 隐藏元素的方法很少，我们可以跟踪其可见性：

• 使用css样式“显示：无”
• 使用css样式“可见性：隐藏”
• 使用css样式“不透明度：0”
• 使用css样式“位置：绝对”并添加样式“顶部：-%SOME_像素%px”或“左侧：-%SOME_像素%px”

但我遇到了一个有趣的例子：元素我们正在寻找放置在另一个元素下的可见性，而这个元素是绝对定位的

例如：

---

如果不设置z索引，id=2的元素将位于id=1的顶部，因为绿色矩形（id=2）是在红色矩形（id=1）之后定义的

如果要隐藏绿色，只需在div样式中添加“z-index:-1；”。因为默认的z索引是0

---

参考资料：

我已将问题更新为z-index，因为之前您使用了“overrided”一词，它在CSS中有特定的含义。我认为这更好地概括了你的问题。如果没有，请随意回滚。