非エンジニア主婦がRuby on RailsでWEBアプリを作るまでの日記

ごく普通の主婦がRuby on RailsでのWEBアプリ作りに挑戦しています。備忘録です。

<DAY4>background-imageに画像を設定して表示する

progateの演習では普通にパス指定しているので、ローカルで同じようにやったらつまずいた。

ググって解決

 

ポイントは2点

・画像を置くのはassets/imagesの配下
CSSファイルの名前(末尾)を「hogehoge.css.scss」という形にする

 

指定の仕方は以下

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

 

無事表示できました~

 

なお、背景じゃなくてimgタグで設定するときは以下のように画像のファイル名だけでなく /assets/ が必要。

src="/assets/hoge.png"