css - 在Rails CSS文件中嵌入erb

我正在尝试设置div容器的样式并添加背景图像，该图像是用户上传并存储在数据库（adventure.image.url）中的图像。我不确定如何在CSS文件中嵌入原本为erb的代码。

以下是index.html.erb文件中的代码：

<div class="adventure_container">
      <% @adventures.each do |adventure|%>
        <div class="adventure">
          <%= link_to "#{adventure.title}", adventure_path(adventure.id), class: "adventure_title" %>
          <%= (image_tag adventure.image.url(:medium), class:'adv_img') %>
        </div>
      <% end %>
    </div>

这是我要将图像添加为背景的CSS（或SCSS）代码：

.adventure {
  display: flex;
  text-align: center;
  width: 300px;
  height: 200px;
  // background-color: #e9e8e8;
  background-image: url()
  margin: 1%;
  // border: 1px solid purple;
  border-radius: 15px;
}

非常感谢。

最佳答案

您可以像这样使用内联样式：

<%= link_to "#{adventure.title}", adventure_path(adventure.id), class: "adventure_title", :style => 'background-image: url('+adventure.image.url(:medium)+')' %>