问题:若el-dialog中要对图片进行预览,那么图片预览dialog可能会被上一层dialog遮挡,即图片预览不显示在最上方(也可是el-dialog嵌套其他dialog的情况)

图示

分析:观察el-dialog开启关闭,会发现dialog元素的z-index层级每次都增加2(el-dialog可以是同一元素也可以是不同元素),el-image的z-index默认2000,el-dialog的z-index值大于el-image的z-index值

解决方法:设置el-image 的 z-index 属性(z-index: 9999)--不是长久之计。。。

参考文章:

[Bug Report] el-dialog每次打开后,z-index会自增

element ui的z-index问题

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐