时间戳

首页 > 解决方案 > 如何在用户将鼠标悬停在具有特定类的 div 上而不显示在其他类上时显示工具提示

html - 如何在用户将鼠标悬停在具有特定类的 div 上而不显示在其他类上时显示工具提示

问题描述

我实际上已经得到了工具提示，显示了我希望它显示的位置，该部分正在工作。它显示的文本包含在<span>隐藏的 a 中，直到它们悬停在div上面有工具提示类的 a 上，类似于 w3schools.com 上的示例。

我有一列div's 并且只有某些获得工具提示类。我遇到的问题是 span 已成功隐藏在没有divtooltip 类的's 中，但它仍在为其保留空间，我无法弄清楚如何让它不这样做.

我隐藏了<span>with CSS，visibilty:hidden它隐藏了文本，但它的空间仍然保留。如果我将其更改为display:none而不是visibility:hidden隐藏文本并且不为其保留空间，这是有道理的，这几乎就是我想要的，除非我不能在不发回的情况下再次使其可见。

所以现在我正在讨论将整个事情放在一个ajax调用中，这样我就不必刷新整个页面，但我不确定这是否会起作用。

这甚至可能吗，或者有人有什么建议吗？

我感谢任何人可以提供的任何帮助。

谢谢

标签： htmlcsstooltip

解决方案

你可以试试 span{position:absolute}

使用 js 而不是 css。

如果您使用 css，那么它也会在响应方面产生问题。

您可以使用引导工具提示或简单的 jQuery https://jqueryui.com/tooltip/

推荐阅读