Html 如何将一个div置于另一个div之前？

我想阻止用户点击页面上的任何地方，除了用按钮点击顶部div

.topdiv{
高度：90px；
}
.divBlocking{
底部：0；
左：0；
位置：固定；
右：0；
排名：0；
光标：等待；
}

取消
//申请内容/表格/输入

我对CSS的理解是，您可以使用

在最基本的情况下，HTML页面可以被认为是二维的， 因为文本、图像和其他元素都排列在页面上 没有重叠。在这种情况下，只有一个渲染流， 所有元素都知道其他元素占用的空间。z指数 属性可用于在以下情况下调整对象分层的顺序： 呈现内容

---

使用

位置更新
topdiv
类：固定和
z-索引：999


.topdiv{
高度：90px；
位置：固定；
z指数：999；
}
.divBlocking{
底部：0；
左：0；
位置：固定；
右：0；
排名：0；
光标：等待；
}

取消
//申请内容/表格/输入
您只需将
z-index:-1
添加到
.divBlocking


这意味着将
.divBlocking
发送到后面

为了显示差异，我添加了一些背景色。

原始代码的结果如下所示

将
z-index:-1
添加到
.divBlocking

编辑代码

.topdiv{
高度：90px；
背景色：红色；
}
.divBlocking{
底部：0；
左：0；
位置：固定；
右：0；
排名：0；
光标：等待；
背景色：rgba（201,76,76,0.3）；
z指数：-1；
}

取消
//申请内容/表格/输入