Rails 3.1: доступ к отпечатанному изображению из css

Question

Существует ли элегантный способ доступа к изображениям с отпечатками пальцев при производстве из css?

Я знаю, что могу использовать erb для css, но добавление URL-адресов с помощью erb выглядит некрасиво, и я думаю, что это должно быть каким-то образом автоматизировано.Кроме того, я не хочу менять таблицы стилей поставщиков.

Спасибо!

Answer 1

Я думаю URL-адрес изображения должен решить эту проблему

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

у меня работает в dev. в режиме, а также в производстве с предварительно скомпилированными активами как результат

DEV. Режим работы:

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

Производство:

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

Answer 2

sass-rails добавил помощника для этого так называемого image-path.Вы можете использовать его следующим образом:

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

Это не будет работать для обычных CSS-файлов, но поскольку Scss являетсярасширенный набор css, так что вы сможете изменить расширение на .scss, и все будет хорошо.