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

How to get a tooltip to show when users hover over a div with a certain class and not show on others

我实际上得到了工具提示,显示了我想要它显示的位置,该部分正在运行。它显示的文本包含在一个 <span> 中,该 <span> 是隐藏的,直到它们悬停在上面有工具提示 class 的 div 上,类似于 w3schools.com 上的 the example .

我有一个 div 的列,只有某些列得到工具提示 class。我遇到的问题是跨度已成功隐藏在 div 没有 有工具提示 class,但它仍在保留space 因为它,我很难弄清楚如何让它不那样做。

我用 CSSvisibilty:hidden 隐藏了 <span>,它隐藏了文本,但它的 space 仍然保留。如果我将它更改为 display:none 而不是 visibility:hidden,它会隐藏文本并且不会为其保留 space,这是有道理的,这几乎是我想要的,除了我做不到它再次可见而无需回发。

所以现在我正在考虑将整个内容放在 ajax 调用中,这样我就不必刷新整个页面,但我不确定这是否可行。

这是否可能,或者有人有任何建议吗?

感谢任何人提供的帮助。

谢谢

你可以试试 span{position:absolute}

使用 js 代替 css。

如果你使用 css 那么它也会在响应式上产生问题。

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

你可以做的是,给 div 一个 id,然后通过 css 悬停,将工具提示的显示设置为阻止,

或者您可以使用 javascript 为此,用悬停功能注册那些 divs,检查悬停元素的目标,如果它与那个匹配,设置工具提示的div 显示 属性 阻止,简单