由于z-index导致跟踪元素可见性

Question

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

使用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的情况下跟踪可见性？

Answer 1

如果未设置z-index，则id = 2的元素将位于id = 1的顶部，因为绿色矩形（id = 2）在红色矩形（id = 1）之后定义。

如果你想隐藏绿色，简单地添加“z-index：-1;” 在div风格。 由于默认的z-index为0。

参考文献： http ： //www.w3schools.com/cssref/pr_pos_z-index.asp

由于z-index导致跟踪元素可见性

问题描述

1 个解决方案

解决方案1
0 2016-12-02 16:32:21

由于z-index导致跟踪元素可见性

问题描述

1 个解决方案

解决方案1 0 2016-12-02 16:32:21

解决方案1
0 2016-12-02 16:32:21