背景画像を読み込みたい

Question

前提・実現したいこと

背景画像をトップページに表示させたい

発生している問題・エラーメッセージ

background-image: image-url("furima-footer.png");
と記述したが、背景画像がトップ画面に表示されない

該当のソースコード

css
.item-show {
  background-color: #d42626;
  background-image: image-url("furima-footer.png");
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5vh 0;
}

html
<div class="item-show"> 
</div>

試したこと

background-imageの書き方を変えてみたが解決できなかった

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

Ruby on Railsがタグに設定されてますが、純粋なHTMLとCSSとしての回答です。
Ruby on Railsには詳しくないので特殊な書き方があるようであればこの回答は無視してください。

background-image: url("furima-footer.png");に修正してみてください。
これでも表示されない場合には画像のパスの指定が間違っているかもしれません。
現状CSSと画像ファイルが同じフォルダにある場合の指定になっています。
（いくつか可能性のあるパターンを書いておきます。）

---

CSSと画像ファイルが同じ階層にある場合

background-image: url("./furima-footer.png");
/* または */
background-image: url("furima-footer.png");

---

CSSと[images]フォルダが同じ階層にあり[images]フォルダ内にfurima-footer.pngがある場合

background-image: url("./images/furima-footer.png");
/* または */
background-image: url("images/furima-footer.png");

---

[css]フォルダと[images]フォルダが同じ階層にあり、[css]フォルダ内にCSS、[images]フォルダ内にfurima-footer.pngがある場合

background-image: url("../images/furima-footer.png");

Comments

[tanaka_name]

ditさんありがとうございます
解決できました！