Html 绝对div被转换元素覆盖

我有一个问题，我正试图解决，但迄今为止一直被卡住

我有一张桌子，我在上面耍了点小把戏；这将导致我的表中包含

"transform: translate(0,0)"

为了一堆细胞。这就是问题所在。我有一个工具提示，需要绝对位置才能工作。但是到目前为止，工具提示被翻译的元素完全隐藏了。您可以通过以下方式看到问题：

th，td{
填充：20px
}
#细胞{
背景颜色：浅蓝色；
}
.家长{
位置：相对位置；
}
.翻译{
变换：平移（0,0）；
}
.溢出{
位置：绝对位置；
底部：-20px；
左：0；
}

嗨

你好

溢出文本
你好，手机
你好，手机

只需增加父元素的

z-index

th，td{
填充：20px
}
#细胞{
背景颜色：浅蓝色；
}
.家长{
位置：相对位置；
z指数：2；
}
.翻译{
变换：平移（0,0）；
}
.溢出{
位置：绝对位置；
底部：-20px；
左：0；
}

嗨

你好

溢出文本
你好，手机
你好，手机