好的，所以我尝试覆盖工具提示上所有父级 div/元素的 z-index，事实证明我需要使用的表格设置很困难。
在前面的 JS Fiddle 中，将鼠标悬停在底部行 (#3) 上，您会看到工具提示在悬停时覆盖了行 #2 中的“内容”一词。这是因为 Z-index 继承自各自的 parent (我认为)，因此是平等的。因此，堆栈顺序由 DOM 本身内的出现顺序决定。因此，工具提示会覆盖其上方行中的所有内容，而不会覆盖其下方行中的任何内容。
我正在寻找解决方案，我知道这可能是不可能的，但我只是希望我错了!
最佳答案
那么为什么不直接为 td 元素保留 z-index 属性呢？
edited version of your jsfiddle
我想这就是你想要得到的，对吧？ :)
顺便说一句:“‘position:relative’对表行组、表头组、表脚组、表行、表列组、表列、表单元格的影响，并且表标题元素未定义。”，因此您可能不想在 td 元素上使用相对位置，而是在 td 元素中使用子 div 或类似的东西:)
我在第一行添加了一个 position: relative 的 div，你可以看到区别(如果你使用最新的 firefox)
关于html - 表格中的 Z 索引和工具提示(DOM 外观顺序)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11513350/