我的application.css.scss
文件中有以下css
html {
background: url("model-bg.jpg") no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
它在本地工作正常,但是当我将它推到heroku时,图像无法加载。
生成的css如下所示:
html {
background: url(../assets/model-bg.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
知道为什么这不起作用吗?
我无法通过浏览器访问该文件。而RAILS_ENV=production bundle exec rake assets:precompile
似乎无法修复它。
答案 0 :(得分:2)
尝试使用特定的帮助程序,然后重新编译资产:
background: image-url("model-bg.jpg") no-repeat top center fixed;
并将图片移至/app/assets/images
。