好的，所以我试图覆盖工具提示上所有父级div /元素的z-index，并且使用我需要使用的表设置证明它很难。
在前面的JS小提琴中，将鼠标悬停在底行（＃3），你会发现工具提示在悬停时会覆盖第2行中的“内容”一词。这是因为Z指数继承自各自的父母（我认为），因此是相等的。结果，堆栈顺序由DOM本身内的出现顺序确定。因此，工具提示会覆盖其上方行中的任何内容，并且无法覆盖其下方行中的任何内容。
我正在寻找解决方案，我知道这可能是不可能的，但我只是希望我错了！
答案 0 :(得分：1)
那你为什么不放弃td元素的z-index属性？
edited version of your jsfiddle
我认为这就是你想要的，对吧？ ：）
btw：“'position：relative'对table-row-group，table-header-group，table-footer-group，table-row，table-column-group，table-column，table-cell的影响，并且表格标题元素是未定义的。“，所以你可能不想在td元素中使用位置相对但在td元素中使用子div或代替类似的东西：）
我添加了一个div位置：相对于第一行，你可以看到差异（如果你使用例如最新的firefox）
答案 1 :(得分：0)
我很确定这个特定的Z-index问题不能被规避。我与@ r3bel讨论的答案广泛没有说明我的特定用例，JS Fiddle也不是一个正确的解决方案。
我最终使用了Twitter Bootstrap的bootstrap-popover.js插件，它将popover附加到<body>，动态确保它在z-index堆栈中的位置得到尊重。