在精弘的图床开发中，el-image与el-table冲突，导致图片预览层被表格内容覆盖。问题源于z-index和层叠上下文，el-table单元格的position: relative生成多个低优先级上下文。解决方案是将单元格的position改为static，或使用el-image的preview-teleported属性，将遮罩层插入body以提高优先级。

本文汇总了CSS中若干反直觉现象：父元素设置overflow:scroll后，绝对定位子元素会撑起父元素；overflow-x与overflow-y中一方非visible时，另一方visible会被计算为auto；transform元素内的fixed子元素会退化为absolute；z-index受层叠上下文影响，可能不按数值大小排列；子元素高度小于文字时，文字溢出无法撑开父元素，需设置overflow:hidden。