【Element Plus】el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效
- 首先,确保你在设置 z-index 时已经正确地指定了元素的位置(例如,使用 position: relative, position: absolute 或 position: fixed)
- 检查父元素的 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"
/>