ruby-on-rails - link_to image_tag 的鼠标悬停

Question

我有一个链接的 image_tag，我想在鼠标悬停时更改图像。我认为以下方法可行，但图像未在鼠标悬停时切换:

<%= link_to image_tag("new_step.png"),new_project_step_path(@project), :class=> "newStep", :onmouseover => "new_step_highlighted.png"%>

我也尝试编辑 css，但不幸的是这也不起作用:

.newStep{
    background: url('../assets/new_step_highlighted.png');
}

.newStep:hover{
    background: url('../assets/new_step_highlighted.png');
}

对于这两种情况，只显示图像“new_step.png”。我将如何解决这个问题？在此先感谢您的帮助!

Answer 1

您可以在不修改 CSS 的情况下使用更少的代码完成此操作:

<%= link_to some_route_path do
    image_tag("find.png", onmouseover: "this.src='#{asset_path('find_sel.png')}'", onmouseout: "this.src='#{asset_path('find.png')}'")
end %>