el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效

【Element Plus】el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效

  1. 首先,确保你在设置 z-index 时已经正确地指定了元素的位置(例如,使用 position: relative, position: absolute 或 position: fixed)
  2. 检查父元素的 z-index
html 复制代码
<el-image-viewer
            :z-index="3000"
            :teleported="true"
        />
只需要在el-image中加入:preview-teleported="true",把image-viewer 插入至 body 元素上,就可以解决问题了
html 复制代码
<el-image
 :src="scope.row.productImage"
 :preview-src-list="[scope.row.productImage]"
 preview-teleported="true"
/>
相关推荐
锋行天下11 分钟前
大屏可视化适配不同宽高比屏幕,保持网页宽高比不变的代码
前端
依辰20 分钟前
小程序SAAS产品定制化需求解决方案
前端·javascript·微信小程序
anyup24 分钟前
uni-app 蓝牙打印:实现数据分片传输机制
前端·uni-app·trae
云端看世界40 分钟前
为什么要学习 ECMAScript 协议
前端·javascript·ecmascript 6
91742 分钟前
无缝轮播图实现:从原理到实践
前端
我爱鸿蒙开发1 小时前
🥇聊聊鸿蒙的一端开发,多端部署。
前端·开源·harmonyos
前端付杰1 小时前
深入理解 IndexedDB:索引与游标查询的高效应用
前端·javascript·indexeddb
best6661 小时前
前端项目SVG展示方案总结,以Vue3+TS为例
前端
啊花是条龙1 小时前
Angular 开发指南:组件、数据绑定、指令、服务、HTTP、路由和表单
前端·angular.js
bilibilibiu灬1 小时前
解析Vue 3中 `trigger` 函数是如何触发 DOM 更新的
vue.js