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

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

阅读 9.8k
3 个回答

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

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

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

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

新手上路,请多包涵

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题