Javascript 带有字体和表格的工具提示

我试图使用title属性将工具提示添加到表格单元格内的图标中。工具提示在图标的表外似乎工作正常，但在表内却无法正常工作。 以下是js小提琴：

D

请告诉我如何处理这件事

谢谢

试着把这个

<td><div>D</div>
<div class="lock-posn"><i class="fa fa-eye fa-sm"></i></div>
<div class="mis-match"><a href="#" title ="Warning"><i class="fa fa-exclamation-triangle fa-sm"></i></a></div>
</td>

D

---

我总是在fa中使用它。

更改

的css。锁定posn

和

和
错误匹配
，由于位置：绝对，它不显示
标题工具提示


表格{
边界塌陷：塌陷；
浮动：左；
字体大小：12px；
表格布局：自动；
溢出-x：滚动；
溢出y：滚动；
位置：绝对位置；
顶部：75px；
}
thead th{
位置：粘性；
职位：-网络工具包粘性；
顶部：75px；
z指数：3；
背景色：rgba（255、255、255、1）；
边框顶部样式：无；
左边框样式：无；
右边框样式：无；
边框底部样式：实心；
边界宽度：薄；
边框底色：灰色；
背景剪辑：填充框；
空白：nowrap；
最小宽度：100px；
高度：50px；
最小高度：50px；
最大高度：50px；
文本对齐：居中；
溢出x：隐藏；
}
tbody td{
边界塌陷：塌陷；
边框样式：实心；
边界宽度：薄；
边框颜色：灰色；
空白：nowrap；
文本对齐：居中；
最小宽度：100px；
高度：50px；
最小高度：50px；
最大高度：50px；
溢出-x：滚动；
z指数：-1；
溢出x：隐藏；
位置：相对位置；
}
#opt staff表th.opt-staff-sticky-col{
位置：粘性；
职位：-网络工具包粘性；
左：0；
顶部：75px；
z指数：4；
}
.锁的位置{
宽度：48%；
显示：内联块；
文本对齐：右对齐；
}
.不匹配{
显示：内联块；
文本对齐：左对齐；
宽度：48%；
}

第1天
第2天
D
E
N
A.
谢谢，它工作正常。但是，如果不使用绝对位置，我无法将图标定位到单元格的角落。这附近有什么地方吗？还有为什么position:absolute会阻止标题显示upi尝试了很多，但我没有得到任何其他方法，position绝对元素对应于它的相对元素，相应的元素是TD，所以绝对位置不可见
<td><div>D</div>
<div class="lock-posn"><i class="fa fa-eye fa-sm"></i></div>
<div class="mis-match"><a href="#" title ="Warning"><i class="fa fa-exclamation-triangle fa-sm"></i></a></div>
</td>