Das Hintergrundbild erscheint nicht auf der Webseite

Question

Ich habe einen mainContainer auf meiner Seite, dem ich ein Hintergrundbild hinzufügen möchte. Wenn ich versuche, das Bild hinzufügen Ich benutze diese css

#mainContainer { 
    background-image: url(images/bg.jpg); 
    background-size: cover; 
    height: 100%; 
    width: 100%; 
} 

Das Bild ist eine sichere Größe. Ich denke, 1000x1000 oder etwas da drüben. Wenn ich versuche, die Seite zu aktualisieren erhalte ich einen seltsamen Fehler:

ich bootstrap4 verwende. Hat der Fehler oben irgendetwas damit zu tun, dass mein Bild nicht angezeigt wird oder ist es etwas in der CSS?

Auch dies ist, wie meine Dateistruktur aussieht, wenn es hilft:

Dank!

Answer 1

Die Bilddatei befindet sich nicht im Ordner. Wahrscheinlich möchten Sie es in ../images/bg.jpg ändern, wenn es in assets/images/ Ordner statt assets/css/images/ ist.

Answer 2

Setzen Sie das.

#mainContainer { 
    background-image: url(../images/bg.jpg); 
    background-size: cover; 
    height: 100%; 
    width: 100%; 
}