html - 如何在 html 中的图标上显示简单的工具提示？

Question

我在 Ruby on Rails 应用程序中使用 ActiveScaffold，为了节省表格空间，我将表格中的默认“操作”文本(即“编辑”、“删除”、“显示”)替换为图标使用 CSS。我还使用 action_link.add(“移动”和“复制”)添加了一些自定义操作。

为清楚起见，我希望当我将鼠标悬停在图标上时弹出一个工具提示以及相关操作(即“编辑”、“复制”)。

我想我可以通过向标签添加一个简单的“alt”定义来做到这一点，但这似乎不起作用。

有人能指出我正确的方向吗？

Answer 1

alt 属性将用作图像的替代，以防图像丢失或在纯文本浏览器中。

IE 弄错了，他们让 alt 显示为工具提示。从来没有这样的意思。

正确的属性是 title，当然它不会在 IE 中做工具提示。

因此，要在 IE 和 FireFox/Safari/Chrome/Opera 中都显示工具提示，请同时使用 alt 属性和 title 属性。