CSS工具提示背景色隐藏

这是我的密码：

/*工具提示容器*/
.提示{
位置：相对位置；
显示：内联块；
光标：帮助；/*将光标符号更改为鼠标悬停的问号*/
颜色：继承；/*继承文本颜色*/
文本装饰：无；/*删除下划线*/
}
/*工具提示文本*/
.叶尖跨度{
可见性：隐藏；
宽度：80%；
文本对齐：左对齐；
填充：.6em；
左：1米；
边框：1px实心；
边界半径：0.5em；
字体：400 12px Arial；
颜色：#ffffff；
背景色：#000000；
显示：内联块；/*定位工具提示文本*/
位置：绝对；/*相对于工具提示容器定位*/
底部：-5px；
最高：105%；
z指数：100；
}
.提示：悬停跨度{
能见度：可见；
}

---

为了使文本可见，我对您的

css

做了一些更改。剩下的代码看起来不错。从下面的代码段运行并检查

/*工具提示容器*/
.提示{
位置：相对位置；
显示：内联块；
光标：帮助；/*将光标符号更改为鼠标悬停的问号*/
颜色：继承；/*继承文本颜色*/
文本装饰：无；/*删除下划线*/
}
/*工具提示文本*/
.叶尖跨度{
可见性：隐藏；
宽度：80%；
文本对齐：居中；
填充：1em 0em 1em 0em；
边框：1px实体[模板（“基本字体颜色”）]；
边界半径：0.5em；
字体：400 12px Arial；
颜色：#ffffff；
背景色：#000000；
显示：内联块；
/*定位工具提示文本*/
位置：绝对；/*相对于工具提示容器定位*/
最高：105%；
z指数：100；
}
.提示：悬停跨度{
能见度：可见；
}

---

问题在于CSS用于定位工具提示：

position: absolute;/*positioned relative to the tooltip container*/
bottom: -5px;
top: 105%;

---

您只需要使用一个属性指定相对于工具提示容器的偏移量-底部或顶部，但不能同时指定两者。通过使用这两种方法，您实际上是在为工具提示定义一个高度，而且由于文本太大，无法适应该受约束的高度，因此它看起来被截断了。所以只要去掉顶部或底部，问题就解决了

也可以发布一些HTML代码。调试您的问题将很容易。@Chip Done！不是确切的文本，但这是我一直使用的格式。