CSS Hintergrund wird nicht erkannt

MCG · 25. Februar 2019

Hi

html-seminar.de/woltlab/attachment/1808/

Eigentlich sollte im weissen Feld ein riesiges Bild sein, dies wird jedoch nicht erkannt.

CSS:

Code

#head {
    background-image: url("background.png");
    margin: 0;
    padding: 222px 0px 222px 0px;
    text-align: center;
    color: white;

}

HTML: (die erste Zeile)

Code

<header id="head" class="parallax">
    <div class="schrift">
        <h1>EndUnity.net</h1>
        <h3><b>Deine</b> Multi-Gaming Community!</h3>
        <br>
    </header>

Und ja, das Bild ist erreichbar.

MfG

basti1012 · 26. Februar 2019

Nur mit deinen jetzigen Angaben sollte das eigentlich doch klappen.

Zumindest wenn du deinen <div> wieder schließen tust.

Ansonsten probier doch mal ein Fremdlink aus zbso dann

HTML

<!DOCTYPE html>
<html lang="de">
<style>
#head {
    background-image: url("http://lorempixel.com/1200/800/sports/Dummy-Text/");
    margin:0;
    background-size:contain;
    background-repeat:no-repeat;
    padding: 222px 0px 222px 0px;
    text-align: center;
    color: white;
}
</style>
<body>
<header id="head" class="parallax">
    <div class="schrift">
        <h1>EndUnity.net</h1>
        <h3><b>Deine</b> Multi-Gaming Community!</h3>
        <br>
    </div>
</header>
</body>
</html>

Alles anzeigen

Wenn das dann geht soltest du kontrolieren ob dein Link ( pfad ) zum Bild richtig ist und auch Groß und kleinschreibung beachten. Das sind die Fehler die andauernd gemacht werden

Arne Drews · 26. Februar 2019

Das sind aber Dinge, die in der Developer-Konsole Deines Browser erkennbar sein sollte.

Da der Container #head gleichzeitig die Klasse .parallax hat, tippe ich mal auf ein WP Theme, da wird dann ein CSS-Konflikt sein. Die WP-Themes gewinnen meistens. Da muss man schon etwas mehr auf CSS Prioritäten achten.

CSS Hintergrund wird nicht erkannt

Jetzt mitmachen!

Teilen

Tags