Question

我有一个链接的image_tag，我想在鼠标悬停时更改图像。我想让图像切换鼠标悬停。

这是观看代码：

<%= link_to image_tag("like.png", size: "30"),
            line_items_path(product_id: product), method: :post, 
            class: "cart_link" %>

我也尝试过编辑css，但遗憾的是，这并没有成功：

.cart_link{
    background: url('../assets/like.png');
}

.cart_link:hover{
    background: url('../assets/like_pressed.png');
}

Answer 1

试试这个

<%= link_to "", line_items_path(product_id: product), :class => "cart_link" %>


.cart_link {
     display: inline-block;
     width: 30;
     height: 30;
     background: url('/assets/like.png');
}

.cart_link:hover {
    background: url('/assets/like_pressed.png');
}

修改你可以看到这个小提琴在哪里工作 http://jsfiddle.net/km6Sp/11/

或者您也可以使用

= image_tag(line_items_path(product_id: product), onMouseover: "this.src='/assets/like.png';", onMouseout: "this.src='/assets/like_pressed.png'" )

如何使用Ruby on Rails 4.0创建图像链接？

1 个答案: