CSS background-attachment – Hintergrundbild scrollen oder fixieren

Mit der CSS Eigenschaft background-attachment ist das Verhalten des Hintergrundbildes einstellbar. Entweder ob es mitscrollen soll, oder fixiert an einer Stelle bleibt.
Normal ist scroll voreingestellt, es muss also nicht extra definiert werden. Bei Hintergrundbildern für den Body einer Website wird aber oft fixed genommen, damit nur der Inhalt der Seite scrollt, das Hintergrund fixiert die Position behält.

Beschreibung und Syntax zu CSS background-attachment

body{
background-image: url('hintergrundbild.jpg');
background-attachment: fixed;
}

Ist auf alle Elemente anwendbar, die ein Hintergrundbild (background-image) besitzen.
Hier das Code-Beispiel zu background-attachment:fixed und background-attachment:scroll ansehen.

Informationen und Werte

Vererbbar: nein
Initialwert: scroll (Hintergrundbild wird mitgescrollt)
Werte: scroll, fixed, inherit (Vererbung)