CSSで記載した写真が表示されない。

Question

プログラミング初心者です。
railsを使用してメニュー一覧アプリを作っているところです。

しかしながらCSSで下記のビューのheader部分に背景として写真を入れようとしたところ、表示できません。views/menu/index.html.erb

ターミナルやブラウザにはエラーは出ず、検証のところでこのように出ます。

GET http://localhost:3000/assets/images/get.png 404 (Not Found)

調べたところ全角混入等が問題のようですが、原因がわかりませんでした。

app/assets/stylesheets/index.cssには

.header{
 background-image: url('../../images/get.png');
}

構造は
写真の位置が
app/assets/images/get.png

index.cssが
app/assets/stylesheets/index.css

となっております。

試したこととして
background-image: url('../images/get.png');
background: image-url('../images/get.png');
background-image: url(../images/get.png);
などを試しました。

その他の確認事項
＊gitに.DS_storeというものが突然現れていました。
※写真は適当にネットから引っ張ってきた風景画です。
※ビューはこんな感じです。
CSSがheaderにあるので画像を表記させるような記載はしておりません。

<header class="header" > 
  <div class="apple"><a style="text-decoration: none;",href="/">ManyMenu</a>
  </div>

続く、、、

原因がわからず、すごく困ってます。
どうにか画像を表示させたいので、どうかよろしくお願いいたします！

Answer 1

Railsあまり触らないので、間違ってるかもしれませんが、

/assets/get.png

では？

Comments

[ShoHayasa]

ご回答ありがとうございます！
無事に表示できました！！！