ruby-on-rails - Rails 3.1: css から指紋画像にアクセスする

Question

css から本番環境で指紋を使用して画像にアクセスするエレガントな方法はありますか?

css に erb を使用できることはわかっていますが、erb で URL を追加するのは見た目が悪いので、何らかの方法で自動化する必要があると思います。それに、ベンダーのスタイルシートを変更したくありません。

ありがとう！

Answer 1

image-urlはこの問題を解決するはずだと思います

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

それは開発で私のために働きます。モードだけでなく、結果としてプリコンパイルされたアセットを含むプロダクションでも

開発者 モード：

.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 に変更すれば問題ありません。