Css 为什么一个粘人的孩子总是躲在另一个粘人的后面？

我试图有一个粘性的第一列以及一些CSS工具提示。以下是我的设置的简化模型：

div.container
{
宽度：300px；
溢出：自动；
}
桌子
{
边界塌陷：塌陷；
}
运输署
{
边框：1px黑色实心；
}
运输署分区
{
宽度：80px；
高度：30px；
}
td：第一个孩子
{
位置：粘性；
左：0；
背景色：石灰；
}
[数据工具提示]：悬停：在
{
内容：attr（数据工具提示）；
位置：绝对位置；
背景：白色；
顶部：22px；
}

盘旋我

您只需要增加第一个粘性元素的

z-index

。它们都具有相同的<代码> z索引< /代码>，因此我们将考虑树顺序来绘制它们，并创建一个堆叠上下文，从而调整<代码> z索引< /代码> <代码>位置：绝对< /代码>元素将不起作用：

div.container
{
宽度：300px；
溢出：自动；
}
桌子
{
边界塌陷：塌陷；
}
运输署
{
边框：1px黑色实心；
}
运输署分区
{
宽度：80px；
高度：30px；
}
td：第一个孩子
{
位置：粘性；
左：0；
背景色：石灰；
}
tr:第一个孩子td:第一个孩子{
z指数：2；
}
[数据工具提示]：悬停：在
{
内容：attr（数据工具提示）；
位置：绝对位置；
背景：白色；
顶部：22px；
}

盘旋我

这仅适用于第一行的第一列。若表中有更多的行，那个么必须为每个连续行创建一个z索引层次结构。必须有某种解决方案，或者这是一个

位置：sticky

错误？@wlh这不是错误，而是逻辑排列顺序。。。我们在后面绘制元素，因为两者具有相同的z索引。这不仅会发生在sticky上，而且如果有很多行，那么我们可能会考虑一种全新的方法来实现this@wlh顺便说一句，不需要任何z索引的层次结构，我们只需要使所需的元素具有更高的z索引，它将比所有其他元素都高，比如说有20行，（让我们先来看看动态创建的行），第一行、第一个单元格的z索引需要是20，然后是第二行、19、第三行18等等。可能有工具提示的每一行的z索引都需要比前一行低一个。您必须这样做（四行示例）：