Bootstrap多层Modal嵌套解决同时隐藏的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap多层Modal嵌套解决同时隐藏的问题相关的知识,希望对你有一定的参考价值。

参考技术A

改成

即可

目前采用Bootstrap4没有遇到遮罩层关不掉的问题

element ui 弹出组件的遮罩层以及多层遮罩解决办法

参考技术A element ui 弹出组件的遮罩层以及多层遮罩解决办法

做项目中遇到两次弹出框遮罩层的问题。有嵌套的 弹出框。表单是一层弹框,然后图片放大是一层弹框,两层弹框同时出现就会出现下面问题

问题前

Dialog 对话框

https://element.eleme.cn/2.15/#/zh-CN/component/dialog#events

只要在第二次弹框上面加上属性

问题解决后

多层弹框加属性modal-append-to-body 就可以了

总之一句话,如果你打开弹出框之后有一层遮罩那么用 modal-append-to-body 可以解决。

如果是多层的话 用 append-to-body解决

以上是关于Bootstrap多层Modal嵌套解决同时隐藏的问题的主要内容,如果未能解决你的问题,请参考以下文章

为啥点击模态框的时候为自动生成两个div元素modal-backdrop

element ui 弹出组件的遮罩层以及多层遮罩解决办法

Bootstrap模态框(Modal)插件

Bootstrap多层模态框如何嵌套?

如何使用 React-Bootstrap 和 Redux 显示/隐藏 Modal?

模态框