在Rails 5模板中为内联background-image url添加image_tag

Question

我需要使用样式标记内联设置背景图像，但它需要引用图像对象而不是资源文件夹中的固定图像。以下是我的代码，以显示我正在尝试做的事情。

<div class="background-image-holder" style="background: url(#{" image_path @product.photo_one_url(:original)"}); opacity: 1;">
  <%= image_tag(@product.photo_one_url(:medium)) %>
</div>

Answer 1

如果我包含像这样的动态，我总是喜欢使用content_tag，即

<%= content_tag :div, class: "background-image-holder", 
                      style: { background: "url('#{image_path(@product.photo_one_url(:original))}')", 
                               opacity: 1 } do %>
...
<% end >

我觉得它比使用内联erb标签更好 - 个人偏好，但另一种选择。