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"
/>
相关推荐
XiaoSong15 小时前
从未有过如此丝滑的React Native开发体验:EAS开发构建完全指南
前端·react.js
掘金者阿豪16 小时前
打通KingbaseES与MyBatis:一篇详尽的Java数据持久化实践指南
前端·后端
RoyLin16 小时前
TypeScript设计模式:原型模式
前端·后端·node.js
我是天龙_绍16 小时前
vue Composables 组合式函数
前端
zjjuejin16 小时前
Maven项目的核心蓝图:POM文件
前端·maven
小气小憩16 小时前
“暗战”百度搜索页:Monica悬浮球被“围剿”,一场AI Agent与传统巨头的流量攻防战
前端·人工智能
前端付豪16 小时前
1、震惊!99% 前端都没搞懂的 JavaScript 类型细节
前端·javascript·面试
朝与暮16 小时前
js符号(Symbol)
前端·javascript
恋猫de小郭17 小时前
对于普通程序员来说 AI 是什么?AI 究竟用的是什么?
前端·flutter·ai编程
大怪v17 小时前
前端:人工智能?我也会啊!来个花活,😎😎😎“自动驾驶”整起!
前端·javascript·算法