html - 如何在所有其他对话框之上显示对话框？

Question

我正在开发打开 3 个对话框的网站，例如第一个对话框打开第二个对话框和第二个对话框打开第三个对话框。

当前的问题是我的第三个对话框隐藏在第二个对话框下面，但我想在所有其他对话框之上显示我的第三个对话框。

我已经使用引导模式创建了对话框。

我已经尝试使用 html 和 css 来设置位置，但没有用，所以有什么方法可以让我仅使用一行就可以设置特定的对话框。

Answer 1

您好，为此使用 zindex css 属性

.box-wrap{
	position: relative;
}
.box {
    position: absolute;
}
.box-1 {
    width: 600px;
    height: 450px;
    background-color: #e5e5e5;
    z-index: 9;
}
.box-2{
    width: 400px;
    height: 300px;
    background-color: #d0d0d0;
    z-index: 91;
}
.box-3 {
    width: 200px;
    height: 200px;
    background-color: #000;
    z-index: 99;
}

<div class="box-wrap">
<div class="box box-1"></div>
<div class="box box-2"></div>
<div class="box box-3"></div>
</div>