00 Stimmen

HTML: Hintergrundbild von Homepage soll nicht mitscrollen

Frage von Compi | 18.02.2012 um 22:30

Ich möchte oben einen Hintergrund auf meiner Website haben, der aber nicht beim Scrollen verschwindet sondern quasi oben an der Oberseite des Browsers hängenbleibt.

Der Inhalt der Website soll also über den Hintergrund hinweg gescrollt werden können und das Bild im Hintergrund soll dabei statisch an der selben Position stehen bleiben. 

Geht das irgendwie?

AntwortenPositivNegativ
22 Stimmen

Benutze einfach das folgenden CSS, um dein Vorhaben umzusetzen:

body {
   background-image: url("hintergrund.jpg");
   background-repeat: repeat-x;
   background-attachment: fixed;
}

Das "fixed" sorgt für den Effekt, den du haben willst. Das "repeat-x" bietet sich an dieser Stelle an, wenn du ein Bild hast, dass oben über die gesamte Seite von links nach rechts wiederholt werden soll (zum Beispiel ein Schatten oder ähnliches). Wenn du nur ein Bild ohne Wiederholung anzeigen lassen möchtes, musst du das "repeat-x" weglassen oder einen anderen "background-repeat" verwenden.

Beispiel: Die Website sttmedia.de benutzt genau den Code oben mit "repeat-x" und "fixed". Da kannst du es dir mal anschauen.
20.02.2012 um 19:43

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

PHP: Eine E-Mail versenden

Tutorial | 0 Kommentare

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.