修复隐藏在粘性位置表格单元格后面的工具提示

Question

我正在创建一个产品功能表，它太宽了，因此我们将第一列固定，其余列向左/向右滚动。我的问题是工具提示位于下一行的粘性单元格下方并隐藏。

这是测试表

我已经尝试了所有我能想到的 z-index 方法，但找不到修复它的方法。

这可能吗？还是我需要尝试一些完全不同的东西？

Answer 1

每个具有

td

的

position: sticky

都在创建自己的相互冲突的堆叠上下文。为了确保固定工具提示的

td

位于下方行的另一个

td

之上，请将其

z-index

设置得更高。

因此，例如，只需添加此 css 规则，即可解决问题：

tr.row-14 > td:first-child {
    z-index: 100;
}