vue 两个modal弹出框 让后来modal显示最上面

Question

添加表单是个modal弹出框，上传，点击查看图片，但是图片那个modal一直显示在原有的modal之下

（尝试过z-index貌似没用）

Answer 1

最近看到很多问题都有一些大号字体，提示 提问者把来龙去脉讲解清楚。
那么这里也希望你说明下
1 modal来自哪里？怎么写的？
2 如何应用的，你修改又是修改了哪里
3 你自己有没有一个初步的判断，为何不生效
我看你这大概是iview，俩个modal在template里面的顺序是图片modal在上

Answer 2

首先，z-index只对定位元素起作用。

如果你尝试对非定位元素设定一个z-index值，那么肯定不起作用。

其次，z-index值能创建堆栈上下文环境。

Answer 3

你用的是iview modal吗？ 建议给modal组件自己加个样式吧 样式设置定位+控制层级（如：position:fixed;z-index:99999）

千万不要直接用modal 自带的z-index 亲测不好用