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"
/>
相关推荐
明月_清风1 天前
Claude Code 保姆级入门教程:零基础到 AI 编程高手,看这一篇就够了
前端·后端·claude
ricardo19731 天前
手写一个虚拟列表,万级数据滚动 FPS 稳定 60 帧
前端
小KK_1 天前
新手必看:一篇文章带你搞懂JavaScript作用域
前端
万邦科技Lafite1 天前
如何通过 item_search_img API 接口获取淘宝商品信息
java·前端·数据库
Jx6571 天前
初学者视角下的JavaScript作用域理解
javascript
AlbertZein1 天前
干了三年全栈才悟到:TS + React 这套组合,真不是堆技术堆出来的
前端
化为五月1 天前
我把 Hermes 接进了飞书,结果卡在“能发消息但就是不回”
前端
ClouGence1 天前
豆包收费之后,我找到了更好用的 AI 工具
前端·人工智能·后端·ai·ai编程·ai写作
aircrushin1 天前
音乐节结束前,拿手机📱搓了一个工具
前端·后端
廖松洋(Alina)1 天前
07答案比对与反馈UI-鸿蒙PC端Electron开发
javascript·ui·华为·electron·开源·harmonyos·鸿蒙