热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

如何解决《如何在所有其他对话框上方显示对话框?》经验,为你挑选了1个好方法。

我正在开发的网站将打开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.



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;
}

推荐阅读
author-avatar
靈幻雪月
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有