it-swarm.com.de

hintergrundbild in Laravel hinzufügen 5

Ich versuche, in Laravel 5 ein Hintergrundbild für meine Website hinzuzufügen. 

Ich habe dies in meiner CSS-Datei verwendet.

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

das Bild befindet sich im öffentlichen Ordner meines Projektordners Laravel. Ich habe alle Pfade ausprobiert, aber es lädt einfach nicht.

Ich bekomme diesen Fehler immer wieder:

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

Jede Hilfe wäre dankbar. Vielen Dank.

3
Harsh

Funktioniert gut mit Schrägstrich:

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

Könnte ein wenig zu spät antworten, aber tun Sie dies und hoffen Sie, dass es jemandem da draußen hilft:

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

Sie müssen CSS zuerst entfernen, indem Sie zwei Punkte hinzufügen. Ich werde Ihnen hier ein Beispiel zeigen, das ich gerade getestet habe und in Laravel 5.7 gut funktioniert

  1. Erstellen Sie eine neue Klasse in Ihrem CSS und nennen Sie sie den Anmeldekörper.

  2. Ihr CSS-Code sollte so aussehen.

    .loginbody 
    {
        background-image: url("../images/bg.jpg");
    }
    
  3. Fügen Sie diese Klasse dem Hauptteil der Seite hinzu, auf der das Bild angezeigt werden soll.

  4. Speichern und ausführen.

Hinweis: Sei vorsichtig mit deinem Pfad, wo das Bild existiert. In meinem Fall befindet sich das Bild in "public/assets/images/bg.jpg".

2
Hefaz

da Sie sich in css befinden, müssen Sie zuerst die beiden Punkte verwenden.

0
bcg

Sie können diese CSS der spezifischen Klasse/ID verwenden:

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

{{URL('/')}} bezeichnet die Basis-URL Ihrer Projektstandorte

0
AL FAISAL MIA