Rails で背景に画像を表示したいのですが取り込み方を教えてください。

Question

Rails5.1.3でWebアプリケーション制作の勉強をしています。
ページの廃幣に画像を取り込みたいのですが上手く取り込めないので教えてください。
取り込みたい画像は　bg001.jpg 二なります。コードは以下のようにしましたが取り込めませんでした。

app/assets/stylesheets/visitor/layout.css.scss

div#wrapper {
  .caution {
    
  }
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  margin: 0 auto;
  padding-bottom: ($wide + $moderate) * 2 + $standard_line_height;
  background: url(bg001.jpg); color: blue;-------------------------ここで取り込みたいのですが・・・
}
・
・
・
・

としていますが、うまく取り込めていないのでどなたか教えていただけないでしょうか？宜しくお願いします。

Answer 1

bg001.jpg が app/assets/images の直下にあるとすると，

background: image-url('bg001.jpg')

といった感じですね。image-url がポイントです。

これは sass-rails を使っているという前提です。（Rails の話で，ファイル名が layout.css.scss なので OK でしょう）

参考資料はこのあたりをどうぞ：
http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

Comments

[koume]

ありがとうございました。おかげさまで上手く表示できました。今後とも宜しくお願いします。