CSSの背景画像がHerokuに表示されない

Question

この問題に関しては、SOや他のヘルプWebサイトで多くの記事を読んだことがありますが、これまで何の助けもありませんでした。私は自分の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 Webサイトの手順に従ってプリコンパイルします資産here。

ここからどこに行くのか本当にわからないので、助けてください。

Answer 1

私は同じ問題があり、私はヘルパーを使って解決しました。あなたのCSSでこれを試してみてください：

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