Question

<span title="Hover text">Hello World</span>

在Firefox中，会显示带有“悬停文字”的工具提示，但在Chrome中，您什么也得不到。有没有办法用HTML / CSS解决这个问题，还是需要另一种脚本语言？

Answer 1

title="hover text"是Chrome的工作方式。你确定你没有其他东西（可能是没有内容的div）覆盖跨度文本吗？

Answer 2

这对我来说只有头衔。

您应该同时使用alt="Hover text"和title="Hover text"

Answer 3

虽然这是一个非常古老的帖子，但我没有看到答案。我遇到了同样的问题，对我而言，问题在于元素落后于另一个。我已经使用z-index将其移动了并解决了它。

Answer 4

<!DOCTYPE html>
<html>
  <body>
    <span title="Hover text">Hello World</span>
  </body>
</html>

适合我

Answer 5

如果你是从谷歌来这里寻找关于使用Linux下的Chromium的title属性中的毛刺的答案。然后你可能会对this bug report感兴趣，这显然是在最新版本中修复的

Answer 6

我在div上定义的“标题”工具提示也没有显示问题。就我而言，这不是特定于浏览器的事情，但我想我还是会在这里发布...

我通过定义更高的z-index解决了这个问题。