Halu_wimps
@Halu_wimps (シガラキ)

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!

LaravelでCSSが読み込まれない?

解決したいこと

勉強のためポートフォリオを作成しようとしています。
背景画像を読み込もうとCSSをPublicフォルダの中に作成し読み込もうとしているのですが、
画像が全く表示されません。

初歩的なことで本当に申し訳ありませんがネットに書いてある似た状況の解決策を試しても改善されないので、
教えていただきたいです><

環境

laravel ui
bootstrap

public
  └──css
       └──style.css
  └──img
       └──top.jpg

resources
   └──layouts
        └──app.blade.php
    └──welcome.blade.php
style.css
body {
    background-image: url('../img/top.jpg');
    background-size: cover;
}
welcome.blade.php
<link href="{{ asset('/css/style.css') }}" rel="stylesheet">

自分で試したこと

画像のパスの問題かと思って確認しましたがそれでも反映されないので、教えていただき他です。

0

1Answer

パスのタイポとかでないのなら、ブラウザのキャッシュをクリアしてみるとか、画像のパーミッションが読み込み可能であるか確認するとかですかね?
ブラウザの開発者ツールを使用して、ネットワークタブで画像の読み込みに失敗しているかどうか確認してみるのもいいかもしれないですね。

  1. 画像が表示されないページをブラウザで開く。
  2. ブラウザの開発者ツールを起動する。
  3. 開発者ツールの上部にあるネットワークタブを選択する。
  4. ページをリロードする。
  5. ネットワークタブの一覧から、表示されない画像ファイルをクリックする。画像ファイルが見つからない場合は、404エラーが表示される。
  6. 詳細情報を確認する。ファイルのURL、HTTPステータスコード、応答時間、ファイルサイズなどが表示される。
0Like

Your answer might help someone💌