Background image not working in rails style.css on production

Question

Background image style works fine on local as there is no digest on locale, but on production, after assets:precompile, all assets add fingerprints and there is no non-digested asset names in Rails 4. Due to this,

background-image: url('abc.png')

does not work.

Is there any way to let background images work after assets:precompile?

score 3 · Answer 1 · answered Nov 29 '18 at 14:06

3

Try this. The file extension should be scss, will not work in css file.

background-image: url(asset_path('abc.png'));

answered Nov 29 '18 at 14:06

Kalpesh Fulpagare

1,309
10
18

score 2 · Answer 2 · answered Nov 29 '18 at 08:43

2

In CSS use

background-image: url(<%= asset_path 'abc.png' %>)

https://guides.rubyonrails.org/asset_pipeline.html#css-and-erb

and in Sass

image-url("abc.png") 
image-path("abc.png")

https://guides.rubyonrails.org/asset_pipeline.html#css-and-sass

answered Nov 29 '18 at 08:43

mrzasa

22,895
11
56
94

but for that i need to style.scss.erb issue is that I have only style.scss in app/assets/stylesheets/ – Haseeb Ahmad Nov 29 '18 at 08:56
For the second option you don't need `.erb` – mrzasa Nov 29 '18 at 08:59
I got `SassC::SyntaxError: Error: Invalid CSS after "...und-image: url(": expected expression (e.g. 1px, bold), was "<%= asset_path 'abc"` on Rails 6 – B Seven Sep 12 '20 at 16:49

score 0 · Answer 3 · answered Aug 09 '20 at 08:08

0

I'd make sure that your filename has not spaces. This was the issue in my case.

answered Aug 09 '20 at 08:08

daxtersky

410
3
9

Background image not working in rails style.css on production

3 Answers3