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"
/>
相关推荐
一字白首10 分钟前
小程序组件化进阶:从复用到通信的完整指南DAY04
前端·小程序·apache
读忆11 分钟前
你是否用过Tailwind CSS?你是在什么情况下使用的呢?
前端·css·经验分享·笔记·taiiwindcss
阿珊和她的猫15 分钟前
探秘小程序:为何拿不到 DOM 相关 API
前端·小程序
FlyWIHTSKY27 分钟前
Vue 3 onMounted 中控制同步与异步执行策略
前端·javascript·vue.js
PascalMing30 分钟前
告别 Nginx!ASP.NET Core 实现多域名 Vue 静态服务与代理转发
vue.js·nginx·asp.net
蜗牛攻城狮31 分钟前
【Vue3实战】El-Table实现“超过3行省略,悬停显示全文”的完美方案(附性能优化)
前端·vue.js·性能优化·element-plus
孙12~32 分钟前
前端vue3+vite,后端SpringBoot+MySQL
前端·html·学习方法
隔壁小邓33 分钟前
vue的组件化的理解之单独拆分的组件&组件的封装
前端·javascript·vue.js
Ivanqhz34 分钟前
图着色寄存器分配算法(Graph Coloring)
开发语言·javascript·python·算法·蓝桥杯·rust
困惑阿三35 分钟前
全栈部署排雷手册:从 405 报错到飞书推送成功
服务器·前端·后端·nginx·阿里云·node.js·飞书