如何在鼠标悬停时显示工具提示或项目信息？答案

【问题标题】：how can I display tooltip or item information on mouse over?如何在鼠标悬停时显示工具提示或项目信息？
【发布时间】：2011-02-28 20:08:20
【问题描述】：

我在一个屏幕上显示 5 userImage。我想在这些 userImage 上的 mouseover 上显示 userID 和 email。我使用了图像控制的 alt 属性，但在 mozila、chrome 中不起作用和某些版本的 IE。那么在鼠标悬停时显示信息的其他更好方法是什么？

【问题讨论】：

标签： html mouseover

【解决方案1】：

使用 title 属性，而 alt 对 SEO 很重要。

【讨论】：

您的标题链接在此问题中不可用。
ALT 的主要作用是为有视力障碍的人提供无障碍服务。
@Super，其实很重要，看看：seoworkers.com/seo-articles-tutorials/alt-attribute.html
@sarfraz title 在 mozila 和 chrome 以及所有版本中工作吗？
@nectar：是的，它也可以在那里工作，但你应该担心现在大众使用的浏览器。

【解决方案2】：

在大多数浏览器中获取工具提示的最简单方法是在 title attribute 中设置一些文本。

例如。

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />

产生（将鼠标悬停在图像上）：

a cat http://www.imagechicken.com/uploads/1275939952008633500.jpg

标题属性可以应用于大多数 HTML 元素。

【讨论】：

但它只在一行中显示所有信息，如果 - 坐在桌子上" />
@nectar：你不能使用这种方法插入换行符——你必须让浏览器在它认为最合适的地方插入换行符。

【解决方案3】：

title attribute 适用于大多数 HTML 标记，并受到现代浏览器的广泛支持。

【讨论】：

但它只在一行中显示所有信息，如果 - 坐在桌子上" />