如圖所示:

image.png
在el-table中使用el-image組件圖片預(yù)覽時(shí),由于父元素單元格z-index=1(如下圖),z-index 屬性值相同,則后定義的元素會(huì)覆蓋前面定義的元素。所以后面的會(huì)覆蓋el-image的圖片預(yù)覽圖,出現(xiàn)如上圖所示

image.png
element-ui時(shí)把組件append-to-body添加到body同級(jí)避免出現(xiàn)層級(jí)問題,element-plus@2.3.7該el-image組件渲染在當(dāng)前標(biāo)簽位置,未放在body下
臨時(shí)解決辦法:修改通過參數(shù)cell-style屬性,判斷相應(yīng)單元格,修改z-index=auto(使其跟父級(jí)同層)

image.png

image.png
參考:
1.mdn: 層疊上下文 - CSS:層疊樣式表 | MDN (mozilla.org)
2.當(dāng) fixed 定位遇上 z-index 時(shí) - 簡(jiǎn)書 (jianshu.com)