弹出层被表格单元格遮住的根本原因是默认position:static且未创建层叠上下文，需为其直接父容器显式设置position:relative以建立局部层叠上下文，使弹出层的z-index生效。
弹出层被表格单元格遮住，z-index不生效？
根本原因是表格单元格（<td>、<code><th>）默认是 <code>position: static，哪怕你给弹出层设了 z-index: 999，只要它父级没创建层叠上下文，或者自身没触发定位，就完全无效。
常见错误现象：鼠标悬停后弹出的 <div> 或 <code><img> 明明写了 position: absolute 和 z-index: 999，却仍被右侧或下方的 <td> 盖住——不是 z-index 太小，而是它压根没进“可比层级”。
<ul><li>表格本身（<code><table>）不自动创建层叠上下文，<code><tr> 和 <code><td> 更不会
<li>直接给 <code><td> 加 <code>z-index 没用，因为它没设 position
position: absolute，其定位参考点是最近的已定位祖先，不是 <td> 本身——而表格结构里往往没有这样的祖先
<h3>必须给弹出层的直接父容器加 position: relative</h3>
<p>不能只在弹出层上写 <code>position: absolute，它的直接父元素（比如包裹弹出触发逻辑的 <span></span> 或 <div>）必须显式设为 <code>position: relative，否则 absolute 会往上找，可能落到 典型正确结构：
<td>
<div style="position: relative">
<button>点我</button>
<div style="position: absolute; z-index: 1000; top: 100%; left: 0;">弹窗内容</div>
</div>
</td>
<div style="position: relative"> 是关键——它创建了局部层叠上下文，让子元素的 <code>z-index在这个范围内生效- 弹出层的
z-index只需比同级其他弹出层高，不用盲目堆大数；但必须 >0，因为未设z-index的定位元素默认处于auto层（等价于 0） - 避免把弹出层直接塞进
<td> 里却不加 wrapper，否则 <code><td> 的 <code>display: table-cell会干扰定位计算表格行/列太多时，z-index 被“截断”怎么办？
当表格用了
overflow: hidden（比如固定表头、横向滚动），或者某一层祖先（如<div class="table-wrapper">）设置了 <code>z-index: 0或负值，就会创建新的层叠上下文并“裁剪”子元素的层级——这时即使弹出层z-index: 9999，也会被整体压在下面。- 检查所有祖先容器，尤其是带
position+z-index的，确认它们没设z-index: 0或z-index: -1 - 如果表格外层有
overflow: hidden，且弹出层需要溢出显示，要么去掉该样式，要么把弹出层移到下（用 portal 方式），再用 JS 动态定位 - 不要依赖 DOM 顺序“碰运气”，比如以为把弹出层写在
<td> 最后面就能盖住前面——表格渲染顺序和普通流不同，<code><td> 之间不存在跨单元格的 z-index 比较关系 <h3>Vue/React 表格组件中 z-index 失效的典型原因</h3> <p>框架组件（如 Ant Design Table、Element Plus Table）常通过内联样式或 scoped CSS 覆盖你的 <code>position声明。你写的position: relative可能被 runtime 动态样式覆盖，导致层叠上下文丢失。- 用浏览器 DevTools 检查弹出层父元素的 computed
position，确认不是static - 在 scoped CSS 中，用
:deep(.your-wrapper) { position: relative !important; }强制生效（仅限必要场景） - 避免在
<td> 上直接绑定 <code>v-if控制弹出层——这会导致元素频繁销毁重建，定位参考丢失；改用v-show或控制 visibility - 如果用
createPortal（React）或Teleport（Vue），记得同步传入当前单元格位置，否则弹窗会脱离上下文漂移
真正卡住人的从来不是 z-index 数值大小，而是哪一层容器漏掉了
position: relative，或者哪个祖先悄悄创建了封闭的层叠上下文。调的时候盯住 computed styles 里的position和z-index，比反复调数字管用得多。 - 用浏览器 DevTools 检查弹出层父元素的 computed
- 检查所有祖先容器，尤其是带
