element-ui dialog z-index 递增问题
问题:若el-dialog中要对图片进行预览,那么图片预览dialog可能会被上一层dialog遮挡,即图片预览不显示在最上方(也可是el-dialog嵌套其他dialog的情况)图示分析:观察el-dialog开启关闭,会发现dialog元素的z-index层级每次都增加2(el-dialog可以是同一元素也可以是不同元素),el-image的z-index默认2000,el-dialog的z-
·
问题:若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)--不是长久之计。。。
参考文章:
更多推荐
已为社区贡献10条内容
所有评论(0)