Html 工具提示显示在元素下方

我已将自定义工具提示添加到我的项目中。当我将鼠标悬停在元素上时，工具提示显示在该元素下方。我不知道发生了什么事。它也只适用于某些元素。我尝试过改变工具提示的位置，但它破坏了整个设计。我想要的是完全显示tootip而不隐藏在父元素下面

[数据工具提示]{
显示：内联块；
位置：相对位置；
光标：帮助；
填充：4px；
}
/*工具提示样式*/
[数据工具提示]：之前{
内容：attr（数据工具提示）；
显示：无；
位置：绝对位置；
背景：#000；
颜色：#fff；
填充：4px8px；
字体大小：14px；
线高：1.4；
最小宽度：100px；
文本对齐：居中；
边界半径：4px；
}
/*动态水平定心*/
[数据工具提示位置=“顶部”]：在，
[数据工具提示位置=“底部”]：在{
左：50%；
-ms转换：translateX（-50%）；
-moz变换：translateX（-50%）；
-webkit转换：translateX（-50%）；
转化：translateX（-50%）；
}
/*动态垂直定心*/
[数据工具提示position=“right”]：在，
[数据工具提示位置=“左”]：在{
最高：50%；
-ms转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-webkit转换：translateY（-50%）；
转化：translateY（-50%）；
}
[数据工具提示位置=“顶部”]：之前{
底部：100%；
边缘底部：6px；
}
[数据工具提示位置=“右”]：在{
左：100%；
左边距：6px；
}
[数据工具提示位置=“底部”]：在{
最高：100%；
边缘顶部：6px；
}
[数据工具提示位置=“左”]：在{
右：100%；
右边距：6px；
}
/*工具提示箭头样式/位置*/
[数据工具提示]：在{
内容：''；
显示：无；
位置：绝对位置；
宽度：0；
身高：0；
边框颜色：透明；
边框样式：实心；
}
/*工具提示的动态水平居中*/
[数据工具提示位置=“顶部”]：在，
[数据工具提示位置=“底部”]：之后{
左：50%；
左边距：-6px；
}
/*工具提示的动态垂直居中*/
[数据工具提示position=“right”]：在，
[数据工具提示位置=“左”]：之后{
最高：50%；
利润上限：-6px；
}
[数据工具提示位置=“顶部”]：之后{
底部：100%；
边框宽度：6px 6px 0；
边框顶部颜色：#000；
}
[数据工具提示position=“right”]：之后{
左：100%；
边框宽度：6px 6px 6px 0；
右边框颜色：#000；
}
[数据工具提示位置=“底部”]：之后{
最高：100%；
边框宽度：0 6px 6px；
边框底色：#000；
}
[数据工具提示位置=“左”]：之后{
右：100%；
边框宽度：6px 0 6px 6px；
左边框颜色：#000；
}
/*悬停时显示工具提示*/
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
显示：块；
z指数：50；
}

这是CSS问题，关于溢出隐藏

解决方案： 只需删除此css规则：

.列表中的每个成员。列表中的每个成员{

.列表中的每个成员{

本项目： 溢出：隐藏！重要；

---

溢出：隐藏；

谢谢你的帮助，我以前没有检查过。现在工作正常。