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"
/>
相关推荐
exploration-earth9 分钟前
Angular 19 新增的一些核心功能
前端·javascript·angular.js
古斯塔斯hugh18 分钟前
VUE学习笔记10__vue指令v-on配置method函数
vue.js·笔记·学习
陶甜也20 分钟前
uniapp 自定义日历组件 源码
前端·javascript·css·vue.js·uni-app
计算机-秋大田20 分钟前
基于微信小程序的摄影竞赛系统设计与实现(LW+源码+讲解)
java·前端·后端·微信小程序·小程序·课程设计
nfenghklibra20 分钟前
npm的包管理
前端·npm·node.js
小玉起起23 分钟前
pnpm介绍
javascript
大王在路上24 分钟前
Ant Design Vue --- select组件静态实现模糊搜索
前端·javascript·vue.js·anti-design-vue
customer081 小时前
【开源免费】基于SpringBoot+Vue.JS欢迪迈手机商城(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
远洋录2 小时前
Electron 开发者的 Tauri 2.0 实战指南:文件系统操作
前端·人工智能·react
兔帮大人2 小时前
npm配置electron专属的淘宝镜像进行安装
前端·electron·npm