Question

我有以下代码：

<td><%= link_to(image_tag("delete.gif", :size => "16x16", :alt => "Delete Entry"), phone, :confirm => 'Are you sure?', :method => :delete, :remote=>true, :class=>'delete_phone') %></td>

在我看来。现在，它一切正常，并做我需要它，但当我将鼠标悬停在图标上时，它没有显示任何文字。我试过Firefox和Chrome。

还有其他人遇到同样的问题吗？

谢谢！

Answer 1

#protip - 为您的所有图片添加title可能是一项痛苦（并且非常非干）的练习。为了减轻这个问题，我的所有应用程序都附带了这个JS（需要jquery）：

$(function() {
  $('img').each( function() {
    var o = $(this);
    if( ! o.attr('title') && o.attr('alt') ) o.attr('title', o.attr('alt') );
  });
});

这会将title的{{1}} img设置为title，而alt属性的值为{{1}}。

Answer 2

使用标题，而不是alt，您的问题将得到解决！ Alt是可访问性的 - 它意味着“备用”。标题是您用于工具提示的内容。

Answer 3

我不知道Ruby，但你需要在HTML中使用title属性来获取大多数浏览器中出现的翻转文本。这有用吗？

例如

<img title="hello thar" src="hellothar.gif" />

Answer 4

悬停图片title文字显示在工具提示中。

Alt文本适用于具有已禁用图片（或慢速连接）和搜索引擎的用户

Answer 5

使用标题选项在rails 3中显示文本。

<%= image_tag 'Profile.png',:title => 'Profile'  %>

当鼠标悬停在 Profile.png 上时，它会显示文字个人资料。

将鼠标悬停在图像上时不显示替代文字

5 个答案: