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

Question

添加表单是个modal弹出框，上传，点击查看图片，但是图片那个modal一直显示在原有的modal之下（尝试过z-index貌似没用）

Answer 1

position: fixed;配合 z-index: 10; 一起用加在css样式里面

Answer 2

给嵌入的 template 的 div 而不是 modal 设置 z-index 就可以了

Answer 3

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

Answer 4

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

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

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