background image heroku rails not working

Question

I have the background image for a basic rails site I made working fine but when I pushed it up to heroku it gave me the following error

Failed to load resource: the server responded with a status of 404 (Not Found) http://young-oasis-2855.herokuapp.com/assets/joy.jpg

here is the code from my css file

body {
  background: url(/assets/joy.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

I have several other pics uploaded and working fine anyone know why this is not working on heroku, but is still working locally?

Answer 1

try using image-url('joy.jpg') instead of url

This answer may give more info for you: How to reference images in CSS within Rails 4

Answer 2

同样，我使用了这样的CSS属性。

background-image:url('joy.jpg');

Answer 3

I have also got this error, I have solved it by:

Production.rb

config.cache_classes = true
config.assets.compile = true

background-image: url(assets/hero_bg_2.jpg)