css - 具有来自 View 的动态 Assets url 背景图像的 Rails

Question

我必须动态更改 div 的背景图像。

在我的开发环境中，我的解决方案是做类似的事情:

# HTML.ERB
<style media="screen">
  .featured-box { background-image: url(<%= # Dynamic content %>); }
</style>
<div class="featured-box"></div>

# CSS.SCSS
.featured-box{
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

但是当我将它投入生产时 (heroku) 我的 Assets 没有加载，我必须将 url(...) 更改为 asset-url(...)。 它适用于 .css.scss 文件中的“固定”background-image，但不适用于 .html.erb 文件中定义的它们

关于如何在不先使用 JS 的情况下完成这项工作的任何想法？

Answer 1

您正在寻找 image_path ，这将为您添加 Assets 摘要。