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?
Ähnliche Themen
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
PHP: Eine E-Mail versenden
Tutorial | 0 Kommentare
jQuery: Durch Klick auf Links DIV-Inhalt laden und ersetzen
Tutorial | 6 Kommentare
HTML: Unterschied zwischen ID und CLASS
Info | 0 Kommentare
HTML: Kein Zeilenumbruch zwischen bestimmten Worten
Tipp | 0 Kommentare
PHP: Alle HTML-Tags aus String entfernen
Tutorial | 0 Kommentare
Eigene Fehlerseiten für Homepage erstellen
Tipp | 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.
Benutze einfach das folgenden CSS, um dein Vorhaben umzusetzen:
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