【发布时间】:2015-08-12 08:09:57
【问题描述】:
我必须动态更改 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) 时,我的资产没有加载,我必须将 url(...) 更改为 asset-url(...)。
它适用于 .css.scss 文件中的“固定”background-image,但不适用于从 .html.erb 文件中定义的它们
关于如何在不首先使用 JS 的情况下完成这项工作的任何想法?
【问题讨论】:
标签: css ruby-on-rails heroku