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

Bre*_*nt 4 html ruby activescaffold ruby-on-rails tooltip

我在Ruby on Rails应用程序中使用ActiveScaffold,为了节省表中的空间,我使用CSS替换了表中的默认"actions"文本(即"edit","delete","show").我还使用action_link.add("move"和"copy")添加了几个自定义操作.

为清楚起见,当我将鼠标悬停在图标上时,我希望弹出一个工具提示,其中包含相关操作(即"编辑","复制").

我想我可以通过在标签上添加一个简单的"alt"定义来做到这一点,但这似乎不起作用.

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

Fly*_*wat 16

alt在图像缺失的情况下,或者在纯文本浏览器中,该属性将用作图像的替代.

当它们alt显示为工具提示时,IE弄错了.它从来就不是那个意思.

对此的正确属性是title,当然不会在IE中执行工具提示.

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

  • 此外,标题实际上确实在IE中显示工具提示. (2认同)

scu*_*ffe 9

添加到此主题只是一个小问题...没有alt标记或标题标记.alt属性用于图像,但页面上的所有其他元素都可以具有title属性,这是跨浏览器兼容性的最佳选择.

<span title="Click here to edit the foo">
  Edit
</span>
Run Code Online (Sandbox Code Playgroud)