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

为了清楚起见，当我将鼠标悬停在图标上时，我想弹出一个带有相关操作的工具提示(即"编辑"，"复制")。

我以为可以通过向标签添加一个简单的" alt"定义来做到这一点，但这似乎行不通。

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

解决方案

回答

HTML中的工具提示是图像标签的alt文本的内容，但是如果我们使用CSS进行设置，则可能会使用background：url(...);样式而不是图像。

回答

我们需要一个"标题"标签。我不确定是否有必要，但是我通常同时添加alt和title标签，以确保所有浏览器都显示相同的工具提示。

回答

在图片上使用" alt"，在链接上使用" title"。

回答

正如Prestaul指出的那样，alt标签应适用于图像，标题应适用于链接。但是，这也取决于浏览器...大多数浏览器应实现将此元数据显示为工具提示的功能，但并非必须这样做。

回答

img标签的alt属性可在某些浏览器中使用，但不适用于所有浏览器(例如某些基于Mozilla的浏览器)。

实现此目的的"正确方法"是使用title属性。

回答

在图像丢失的情况下，或者在纯文本浏览器中，" alt"属性将用作图像的替代。

当他们使" alt"作为工具提示出现时，IE弄错了。绝对不是那样的。

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

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

回答

正如Joel Coehoom所指出的那样，我意识到我的图标实际上是背景图像，因此我创建了一个transparent.gif图像，其标题和alt属性位于背景上方，并且提示工具提示！

回答

只需一点点即可添加到该线程中...没有alt标签或者title标签。 alt属性用于图像，但是页面上的所有其他元素都可以具有title属性，这是实现跨浏览器兼容性的最佳选择。

<span title="Click here to edit the foo">
  Edit
</span>

回答

这里的好工具
http://www.guangmingsoft.net/htmlsnapshot/html2image.htm