将鼠标悬停在表格内

Question

我正在寻找创建一个悬停div，当用户将鼠标悬停在td内的图像上时会出现该div。当您将鼠标悬停在具有title属性的图像上时，这看起来类似于：

根据this问题，表格中的div是有效的HTML，但是我需要将内部div设置为position: absolute;并将td position: relative;设置为并根据其中一个线程中的答案可能会导致问题：

  

如果你想在div上使用position: absolute;的位置：   相对的;在td你会遇到问题。 FF，safari和chrome   （mac，而不是PC）不会相对于td定位div   （就像你期望的那样）

那么我怎样才能显示将鼠标悬停在td中包含的图像上时出现的div？

Answer 1

使用：

<td alt='hover text' title='hover text'>

alt和title适用于不同的浏览器，这在大多数移动浏览器上都无效。

Answer 2

将position:relative的div添加到td（包含td内容），然后您可以在相对的内部添加绝对定位的div。

或者，如果您只需要类似标题的工具提示，请使用title

上的td属性