CSS-Hintergrundbild wird nicht angezeigt

Lesezeit: 3 Minuten

Benutzer-Avatar
dunkler Himmel

Ich habe eine HTML-Datei mit einem Unterverzeichnis namens img mit einem Bild namens debut_dark.png. In meiner CSS-Datei habe ich:

body { 
    background: url(/img/debut_dark.png) repeat 0 0;
}

Die HTML-Datei hat das Body-Tag und enthält die CSS-Datei entsprechend. Ich weiß sicher, dass die CSS-Datei richtig enthalten ist, da alles andere richtig formatiert ist.

Das Hintergrundbild wird nicht angezeigt, ich sehe nur einen weißen Hintergrund. Irgendwelche Ideen, wie man das beheben oder sogar debuggen kann?

  • Überprüfen Sie, ob die Bild-URL korrekt ist. Öffnen Sie die Entwicklertools und sehen Sie sich den Netzwerk-Tab an, Ihr Debüt_dark.png sollte dort aufgelistet sein. Überprüfen Sie, ob es überhaupt geladen wurde

    – Viktor S.

    25. Dezember 2012 um 9:15 Uhr

  • Sind Sie sich bezüglich des Bildpfads und -namens sicher? Überprüfen Sie dies mit Firebug

    – Mittelstapel

    25. Dezember 2012 um 9:17 Uhr


  • Wenn Sie etwas debuggen möchten (HTML/JS/CSS), können Sie immer eine Art von Entwicklertools öffnen, die für alle modernen Browser verfügbar sind (F12 reicht normalerweise aus, aber für FF müssen Sie möglicherweise Firebug installieren).

    – Viktor S.

    25. Dezember 2012 um 9:18 Uhr


  • Das Bild scheint nicht geladen zu sein. Das Unterverzeichnis img befindet sich im selben Verzeichnis wie die HTML-Datei. Das Bild ist drin. ich benutze img/debut_dark.png als Pfad, und es funktioniert nicht.

    – dunkler Himmel

    25. Dezember 2012 um 9:19 Uhr

  • Können Sie das Bild direkt im Browser öffnen, wenn Sie zu img/debut_dark.png navigieren?

    – David Hellsing

    25. Dezember 2012 um 9:24 Uhr

Benutzer-Avatar
SaidbakR

Gemäß Ihrem CSS-Dateipfad nehme ich an, dass er sich im selben Verzeichnis wie Ihre HTML-Seite befindet, Sie müssen die ändern url wie folgt:

body { background: url(img/debut_dark.png) repeat 0 0; }

  • Ich habe es getan und sehe immer noch einen weißen Hintergrund.

    – dunkler Himmel

    25. Dezember 2012 um 9:20 Uhr

  • @Darksky Wo ist deine CSS-Datei?

    – SaidbakR

    25. Dezember 2012 um 9:21 Uhr

  • Ich habs. Der Pfad muss (offensichtlich) relativ zur CSS-Datei sein. Vielen Dank!

    – dunkler Himmel

    25. Dezember 2012 um 9:26 Uhr

  • @darksky oder der absolute Pfad vom Dokumentenstamm Ihres Webservers.

    – SaidbakR

    8. März 2017 um 3:19 Uhr

  • Das hat mir geholfen 🙂

    – Tim Givois

    3. November 2018 um 5:13 Uhr

Sie sollten wie folgt verwenden:


        body { 
            background: url("img/debut_dark.png") repeat 0 0;
        }

        body { 
            background: url("../img/debut_dark.png") repeat 0 0;
        }

        body { 
            background-image: url("../img/debut_dark.png") repeat 0 0;
        }

oder versuchen Sie, CSS-Regeln mit dem Firefox-Firebug-Tool zu überprüfen.

  • Ich habe es verstanden.. Es musste url(../img/debut_dark.png”) sein. Ich habe gerade festgestellt, dass der Pfad relativ zur CSS-Datei und nicht zur HTML-Datei sein muss (offensichtlich).

    – dunkler Himmel

    25. Dezember 2012 um 9:25 Uhr

  • Ok. aber @Darksky Sie haben die richtige Antwort auf Semsem markiert. Ich habe dein Problem gelöst 🙁

    – Surinder ツ

    25. Dezember 2012 um 9:31 Uhr

Benutzer-Avatar
Arghya Sadhu

background : url (/img.. )

HINWEIS: Wenn Sie Ihr CSS in einem anderen Ordner haben, stellen Sie sicher, dass Sie den Bildpfad mit THE FORWARD SASH beginnen.

Es hat für mich funktioniert. !

  • Ich habe es verstanden.. Es musste url(../img/debut_dark.png”) sein. Ich habe gerade festgestellt, dass der Pfad relativ zur CSS-Datei und nicht zur HTML-Datei sein muss (offensichtlich).

    – dunkler Himmel

    25. Dezember 2012 um 9:25 Uhr

  • Ok. aber @Darksky Sie haben die richtige Antwort auf Semsem markiert. Ich habe dein Problem gelöst 🙁

    – Surinder ツ

    25. Dezember 2012 um 9:31 Uhr

Benutzer-Avatar
Scheich Saqlain

Wenn Sie vs-Code verwenden, versuchen Sie es einfach mit background:url(“img/bimg.jpg”) anstelle von background:url(‘img/bimg.jpg’).

  • Willkommen bei StackOverflow. Während diese Erklärung die Frage lösen könnte, würde das Einschließen eines Beispielcodes, wie und warum dies das Problem löst, wirklich dazu beitragen, die Qualität Ihres Beitrags zu verbessern, und wahrscheinlich zu mehr positiven Stimmen führen. Denken Sie daran, dass Sie die Frage für zukünftige Leser beantworten, nicht nur für die Person, die jetzt fragt. Ich schlage vor, dass Sie Ihre Antwort bearbeiten, um ein Codebeispiel hinzuzufügen. Schauen Sie hier nach → Wie schreibe ich eine gute Antwort? Vielen Dank!

    – Federico Baù

    13. Januar 2021 um 12:44 Uhr

1005860cookie-checkCSS-Hintergrundbild wird nicht angezeigt

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy