Rails 3.1: Access a fingerprinted image from css

Question

Is there an elegant way to access images with fingerprints in production from css?

I know I can use erb for css, but adding urls with erb looks ugly, and I think it should be someway automated. Besides I don't want to change vendor stylesheets.

Thanks!

A B · Accepted Answer · 2011-08-26 22:30:22Z

4

I think image-url should solve this problem

.btn_back:hover {background-image: image-url('btn_back_push.png');}

it works for me in dev. mode as well as in the production with precompiled assets as result

dev. mode:

.btn_nav:hover {
  background-image: url("btn_nav_push.png");
}

production:

.btn_nav:hover{background-image:url(/assets/btn_nav_push-094b577d7e9e1cc6d5aced334f3fe8b3.png)}.

answered Aug 26, 2011 at 22:30

A B

2,1012 gold badges21 silver badges22 bronze badges

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

Comments

dpb · Accepted Answer · 2011-08-15 01:49:40Z

3

sass-rails has added a helper for this called image-path. You can use it like this:

#image { background: image-path("rails.png") }

This won't work for normal css files, but because scss is a superset of css, so you should be able to change the extension to .scss and all will be good.

answered Aug 15, 2011 at 1:49

dpb

6713 silver badges8 bronze badges

3 Comments

dpb Over a year ago

The README for sass-rails has more info on these new helpers. github.com/rails/sass-rails

welldan97 Over a year ago

Thanks, that's great. It solves the half of my problems. Still not sure what to do with vendor styles and js files.

Peter Ehrlich Over a year ago

This did work for me, but only if I used relative paths, not absolute ones. (And remembering to leave out the /assets in either case.) For vendored images (such as bootstrap glyphicons), I use public/img

Collectives™ on Stack Overflow

Rails 3.1: Access a fingerprinted image from css

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related