2010-06-07 36 views
40

我在一个屏幕上显示5 userImage。我想在那些userImage上显示userIDemail,mouseover。我使用alt图像控制属性,但不适用于mozila,chrome和某些版本的IE。 那么在mouseover上显示信息的其他更好的方法是什么?如何在鼠标上显示工具提示或项目信息?

回答

52

使用title属性,而alt对搜索引擎优化的东西很重要。

+1

您的标题链接在此问题中不可用。 – Svisstack 2010-06-07 18:26:14

+1

@Svisstack:你是对的,但现在已经修复。 – Sarfraz 2010-06-07 18:26:52

+0

ALT的主要重要性在于可以帮助视力受损的人士。 – 2010-06-07 18:29:20

25

在大多数浏览器中获取工具提示的最简单方法是在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元素。

+0

但它显示在一个行,如果只是什么都信息 - a cat nectar 2010-06-07 18:49:47

+0

@nectar:你不能插入换行符使用此方法 - 你必须把它留给浏览器来插入换行符哪里它认为最合适 – adrianbanks 2010-06-07 18:57:19

8

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

+0

但它只在一行显示所有信息如果 - a cat nectar 2010-06-07 18:51:37

相关问题