如何在所有其他对话框上方显示对话框？

Question

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

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

I have created dialog boxed using bootstrap modal.

I have already tried to set position using html & css but not working so is there any way so that I can set perticular dialog above all just using one line.

Answer 1

Hi use zindex css property for that

.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>