我必须动态更改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(...)
。
它适用于&#34;固定&#34;来自.css.scss文件的background-image
但不是来自.html.erb文件的文件
关于如何在不使用JS的情况下完成这项工作的任何想法?