Hintergrundbild ändern - warum klappt es nicht?

  • Hallo ihr Lieben,

    nach studenlangem Herumprobieren bin ich wirklich mit meinem Latein am Ende und hoffe, ihr könnt mir weiterhelfen. Ich versuche, ein Hintergrundbild über die style.css einzufügen, das den kompletten Bildschirm ausfüllt und sich nicht wiederholt. Dazu gibt es ja massig Forenbeiträge und ich habe den Anweisungen gefolgt, trotzdem klappt es nicht. Mein Code sieht wie folgt aus:

    body {background: #e2e2e2 url(http://www.oakenpalace.com/wp-content/upl…d-a25402938.jpg) no-repeat;}

    Leider tut sich überhaupt nichts auf der Homepage, der Hintergrund zeigt nur die Farbe, die im Back-end spezifiziert ist. Was mache ich falsch?

    Viele Grüße

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Dein Theme bietet eigentlich schon über Optionen im Backend an, dass man ein anderes Bild als Hintergrund wählen kann. Da solltest Du mal nachschauen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ja, das Problem ist, dass sich das Hintergrundbild nicht wiederholen soll und man das ja leider nicht im Backend einstellen kann. Wie gesagt, ich hätte gerne ein Hintergrundbild, das den gesamten Bildschirm ausfüllt und sich nicht wiederholt und da kommt das Backend ja leider schon an seine Grenzen

  • Dann versuch es so

    CSS
    body {background: #e2e2e2 url(http://www.oakenpalace.com/wp-conten...-a25402938.jpg) no-repeat [COLOR=#ff0000]!important;
    [/COLOR]-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    aber bei so einem kleinen Bild, wird das kaum funktionieren.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Edit:
    Sorry ist noch ein Fehler drin. So sollte es klappen:

    CSS
    body {
    background-image: url(http://www.oakenpalace.com/wp-content/uploads/2012/10/eichenwald-a25402938.jpg) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Super, das klappt schonmal um einiges besser! Das Bild war wirklich etwas zu klein, aber das habe ich jetzt geändert. Wenn du mir nun noch erklären kannst, wie ich es hinbekomme, dass das Bild mitscrollt, damit es sich nicht vertikal wiederholt, bist du mein persönlicher Held des Tages! ;)

    Hier das Zwischenergebnis: http://www.oakenpalace.com

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!