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

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为你的所有图像添加s 可能是一个痛苦的(并且非常非干)练习.为了减轻这个问题,我的所有应用程序都附带了这个JS(需要jquery):

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

这将设置title任何img没有a 的任何属性title的值alt.

Answer 2

使用标题,而不是alt,你的问题将得到解决!Alt是可访问性的 - 它意味着"备用".标题是您用于工具提示的内容.

Answer 3

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

例如

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

Answer 4

悬停图像title文本显示在工具提示中.

Alt 文本适用于具有禁用图像(或慢速连接)和搜索引擎的用户