Ruby on Rails css background-image not working

Question

I use all of these:

1. body{ background-image: url('example.png') background-repeat: repeat;
2. body{ background-image: url('assets/example.png') background-repeat: repeat;
3. body{ background-image: url(<%= asset_path 'example.png') background-repeat: repeat;
4. body{ background-image: image-url(<%= asset_path 'example.png' %>) background-repeat: repeat;
5. body{ background-image: image-url('example.png') background-repeat:repeat;
6. body{ background-image: image-url('assets/example.png') background-repeat:repeat;

run assets:precompile

not working all, how to solve this problem, why not working?

what is the extension of the css file ?

Mohammad AbuShady
– Mohammad AbuShady

2015-05-20 03:43:00 +00:00
Commented May 20, 2015 at 3:43 — Mohammad AbuShady
– Mohammad AbuShady, Commented May 20, 2015 at 3:43

joshua.paling · Accepted Answer · 2015-05-19 23:31:03Z

1

Number 5 is closest to the correct syntax. Is it because you're not terminating your first CSS rule with a semi-colon?

body{ 
  background-image: image-url('example.png');
  background-repeat:repeat;
}

That should work - note the semi-colon at the end of the background-image line.

Alternatively, merge them into a single rule:

body{ 
  background: image-url('example.png') repeat;
}

answered May 19, 2015 at 23:31

joshua.paling

14k4 gold badges47 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ruby on Rails css background-image not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related