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

时间:2014-06-25 00:04:28

标签: css ruby-on-rails

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

1 个答案:

答案 0 :(得分:2)

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

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

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