Ruby on rails 3 -当鼠标悬停在图像上时不显示Alt文本

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>  

在我看来。现在，它工作得很好，做了我需要的事情，但是当我把鼠标悬停在图标上时，它没有显示任何文本。我在火狐和Chrome上都试过。

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

谢谢!

Answer 1

#protip -为所有图像添加title可能是一个痛苦(并且非常不dry)的练习。为了让这个过程更轻松，我所有的应用程序都使用了这个JS(需要jquery):

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

这将任何没有title的img的title设置为其alt属性的值。

Answer 2

使用title，而不是alt，你的问题就会解决!Alt代表可访问性——它的意思是"替代"。标题是用来作为工具提示的

Answer 3

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

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

Answer 4

我对Ruby不太了解，但是您需要使用HTML中的title属性才能在大多数浏览器中显示翻转文本。这有帮助吗?

如

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

Answer 5

在rails中使用title选项显示文本

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

当鼠标悬停在Profile.png上时，将显示文本Profile。