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

Question

57

我正在一个屏幕上显示5个 用户图像。我想在这些用户图像上的鼠标悬停时显示用户ID和电子邮件。我使用了图像控件的alt属性，但在mozila、chrome和一些IE版本中不起作用。

那么，有没有其他更好的方法来在鼠标悬停时显示信息呢？

- nectar

3个回答

34

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

例如：

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

鼠标悬停在图片上时会出现：

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

- adrianbanks

但它只在一行中显示所有信息，如果 - <img src="myimage.jpg" alt="一只猫" title="我的猫 <br> 坐在桌子上" /> - nectar

@nectar：你不能使用这种方法插入换行符——你必须让浏览器在它认为最合适的地方插入换行符。 - adrianbanks

11

title 属性适用于大多数 HTML 标签，同时被现代浏览器广泛支持。

- Asaph

1

但它只在一行中显示所有信息，如果 - <img src="myimage.jpg" alt="一只猫" title="我的猫 <br> 坐在桌子上" /> - nectar

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sarfraz · Accepted Answer

73

在处理与搜索引擎优化相关的内容时，alt属性非常重要，而使用title属性也很有用。

- Sarfraz

1

此问题中您的标题链接无法使用。 - Svisstack

ALT的主要重要性在于为视力受损的人提供无障碍访问。 - user164226

1

@Super，这实际上很重要，请看一下：http://www.seoworkers.com/seo-articles-tutorials/alt-attribute.html - Sarfraz

1

@sarfraz title 在 Mozilla、Chrome 和所有版本中都能正常工作吗？ - nectar

@nectar：是的，在那里也可以工作，但你应该担心现在被大众使用的浏览器。 - Sarfraz

显示剩余2条评论