proguradk
@proguradk

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

css 画像が表示されない

解決したいこと

現在ruby on railsでWebアプリを開発しております。
その際、background-imageを変更すべく、相対パスでパスを設定したのですが、何故か真っ白な画像になります。
検証をしてもエラーは出ておらず、パスの部分だけurlで表示する画像に変更した場合は上手く動きます。
原因がわからず詰まっております。
お力添えして頂けないでしょうか?
よろしくお願いします。

現在変更している点はrooms.scssです。

file構成
assets
  |
  ---images
     |
     ----1469849.jpg
  ---stylesheets
     |
     ----rooms.scss

//rooms.scss

.login {
  margin: auto;
  padding: 60px 60px;
 //URLで設定しているパス
  // background: url(https://picsum.photos/id/1004/5616/3744) no-repeat center center #505050;
 //相対パスで設定しているパス
  background: url(../images/1469849.jpg) no-repeat center center;

  background-size: cover;
  box-shadow: 0px 30px 60px -5px #000;
}

表示状況

image.png

検証結果

image.png

0

3Answer

asset内に画像を置いているのであれば、

background-image:  image-url(‘1469849.jpg’);

これでできませんかね?

0Like

検証結果のスタイルは「rooms.self-...」というファイルから読み込まれているようですが、
相対位置は合っているのでしょうか?

0Like

Your answer might help someone💌