我在 Ruby on Rails 应用程序中使用 ActiveScaffold，为了节省表格空间，我已将表格中的默认“操作”文本（即“编辑”、“删除”、“显示”）替换为使用 CSS 的图标。我还使用 action_link.add（“移动”和“复制”）添加了几个自定义操作。
为清楚起见，当我将鼠标悬停在图标上时，我希望弹出一个带有相关操作（即“编辑”、“复制”）的工具提示。
我想我可以通过向标签添加一个简单的“alt”定义来做到这一点，但这似乎不起作用。
有人可以指出我正确的方向吗？
Brent Nesbitt
问问题
8416 次
10 回答
16
在图像丢失的情况下或在纯文本浏览器中，该alt属性将用作图像的替代品。
当它们alt显示为工具提示时，IE 弄错了。它从来都不是那样的。
正确的属性是title，它当然不会在 IE 中做工具提示。
因此，要在 IE 和 FireFox/Safari/Chrome/Opera 中都显示工具提示，请同时使用alt属性和title属性。
于 2008-09-12T15:17:53.593 回答
9
只是要添加到此线程中的一个小点...没有 alt 标签或标题标签。alt 属性用于图像，但页面上的所有其他元素都可以具有 title 属性，这是跨浏览器兼容性的最佳选择。
<span title="Click here to edit the foo">
Edit
</span>
于 2008-09-12T21:29:36.913 回答
2
你想要一个“标题”标签。我不确定这是否还有必要，但我通常会同时添加 alt 和 title 标签，以确保所有浏览器都显示相同的工具提示。
于 2008-09-12T15:09:04.877 回答
1
HTML 中的工具提示是alt图像标签的文本内容，但如果您使用 CSS 设置它，您可能会使用background:url(...);样式而不是图像。
于 2008-09-12T15:08:56.377 回答
1
alt在图像和链接上使用title。
于 2008-09-12T15:09:18.560 回答
1
img 标签的 alt 属性在某些浏览器中有效，但不是全部（例如一些基于 mozilla 的浏览器）。
这样做的“正确方法”是使用 title 属性。
于 2008-09-12T15:15:29.510 回答
0
正如 Prestaul 指出的那样，alt 标签应该适用于图像和链接的标题。但是，这也取决于浏览器...大多数浏览器应该实现将元数据显示为工具提示的功能，但它们不是必须这样做的。
于 2008-09-12T15:14:50.777 回答
0
意识到，正如 Joel Coehoom 所指出的，我的图标实际上是一个背景图像，我创建了一个带有标题和 alt 属性的 transparent.gif 图像在背景之上，瞧 - 工具提示！
于 2008-09-12T21:24:14.367 回答
0
于 2008-12-16T07:48:51.503 回答
0
您可以在测试中使用标签缩写和标题属性，例如<abbr tittle="some text"> </abbr>
答案https://stackoverflow.com/a/61601175/9442717
于 2021-04-17T15:49:46.863 回答