Question

我的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似乎无法修复它。

Answer 1

尝试使用特定的帮助程序，然后重新编译资产：

background: image-url("model-bg.jpg") no-repeat top center fixed;

并将图片移至/app/assets/images。

css背景图像在本地工作但不是远程工作

1 个答案: