web-dev-qa-db-ja.com

laravel 5に背景画像を追加

Laravel 5.に私のウェブサイトの背景画像を追加しようとしています。

私はこれを私のcssファイルで使用しました。

html {
        background-image: url("images/background.jpg");
    }

画像は私のLaravelプロジェクトフォルダーのパブリックフォルダーにあります。すべてのパスを試しましたが、ロードされません。

私はこのエラーを受け取り続けます：

http://Laravelproject.app:8000/background.jpg 404 (Not Found)

任意の助けいただければ幸いです。ありがとう。

phphtmlcsslaravellaravel-5
4
Harsh

スラッシュでうまく動作します：

html {
    background: url("/images/background.jpg");
}
8
Alexey Mezenin

少し遅れて答える可能性がありますが、これを実行して、そこにいる誰かを助けることを願っています：

background-image:url({{url('images/php_mysql.jpg')}})
7
Ndong Akwo

2つのドットを追加して、CSSから抜け出す必要があります。ここでは例を示しますが、これはテストしたばかりで、Laravel 5.7

  1. CSSで新しいクラスを作成し、ログイン本文に名前を付けます。

  2. CSSコードは次のようになります。

    .loginbody 
{
    background-image: url("../images/bg.jpg");
}

  3. このクラスを、画像が必要なページの本文に追加します。

  4. 保存して実行します。

注：画像が存在するパスに注意してください。私の場合、画像は「public/assets/images/bg.jpg」にあります

2
Hefaz

Laravel 6のcss経由で画像にアクセスできません

だが

このコードは私にとってはうまくいきます

（blade.phpファイルに画像パスを追加）

<div id="loading" style="background-image: url('{{ asset('img/big-loader.gif')}}');">
1
Adnan Zaheer

私が使う

background-image: url({{ asset('images/job.jpg') }});
1
D.Saidi

私が使う

background-image: {{asset("/images/background.jpg")}};

私の画像はpublic/imagesにあります

1
Sara Vaseei

あなたはCSSにいるので、最初に2つのドットを使用してそれから抜け出す必要があります。 url（ "../ images/background.jpg"）;

0
bcg

特定のクラス/ IDのこのCSSを使用できます：

_selector{
    background-image: url({{URL('/')}}/public/assets/landing/images/paper.jpg);
}
_

{{URL('/')}}は、プロジェクトの場所のベースURLを意味します

0
AL FAISAL MIA

background-image：url（{{asset（ 'images/bg.jpg'）}}）;

0
Bruce Justice Selorm