Question

我已经在SO和其他帮助网站上阅读过关于这个问题的大量帖子，但到目前为止没有任何帮助。我的CSS中的图像显示在我的localhost上，但是当我将我的应用程序推送到Heroku时没有。

以下是图片示例：

.hero-000 {
    width: 102%;
    background: url(hero-000.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

根据其他帖子的建议，我已将此添加到我的application.rb：

config.assets.initialize_on_precompile = false

我还将此添加到我的production.rb：

  config.serve_static_files = true
  config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect'
  config.assets.compile = true
  config.assets.digest = true

我按照Heroku网站上的步骤预编译资产here。

我真的不知道从哪里开始，所以感谢任何帮助。

Answer 1

我遇到了同样的问题，我使用帮手解决了问题。在你的CSS上试试这个：

background-image: image-url("hero-000.jpg");

没有在Heroku中显示的CSS背景图像

1 个答案: