Question

我想在我的项目中建立一个背景图像链接。它可以让我得到一个比例很好的可点击图片。

这是迄今为止我能得到的最好的结果：

<%= link_to "", show_item_general_path(item), html_options = {:class => "picture", :style => "background-image: url( asset_url(item.asset_files.first.image )); background-position: 50% 50%; background-size: cover;"} %>

html结果：

<a class="picture" href="/items/1" style="background-image: url( asset_url(item.asset_files.first.image )); background-position: 50% 50%; background-size: cover;"></a>

我的助手没有得到解释。

Answer 1

尝试使用#{asset_url(item.asset_files.first.image )}进行字符串插值。

<%= link_to "", show_item_general_path(item), html_options = {:class => "picture", :style => "background-image: url( #{asset_url(item.asset_files.first.image)} ); background-position: 50% 50%; background-size: cover;"} %>

你可能想尝试这个（你可能需要调整css / style）：

<%= link_to show_item_general_path(item), :class => "picture" do %>
  <%= image_tag item.asset_files.first.image %>
<% end %>

如何将变量放在ERB中“link_to”标记内的字符串中

1 个答案: