如何在鼠标上显示工具提示或项目信息?

我显示5 userImage在一个userImage要显示userID id和mouseover在这些userImage上的email 。我使用图像控制的alt属性,但不工作在Mozilla,铬和一些版本的IE浏览器。 那么有什么更好的方法来显示鼠标hover的信息?

3 Solutions collect form web for “如何在鼠标上显示工具提示或项目信息?”

使用title属性,而alt是重要的SEO的东西。

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

例如。

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

产生(将鼠标hover在图像上):

一只猫http://www.imagechicken.com/uploads/1275939952008633500.jpg

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

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

  • 在TD中使用位置相对/绝对?
  • 我怎样才能select一个名称与jQuery元素?
  • 如何将标签与单选button相关联
  • Flexbox不给与元素相同的宽度
  • 如何居中和裁剪图像始终以CSS呈现方形?
  • 使用jquery从span获取文本
  • 如何在HTML中创build垂直线
  • 如何防止使用CSS的列表项中的换行符
  • IE7的CSS滚动分区错误
  • jquery html()去掉脚本标签
  • 在一段时间后redirect网站