CSS/Eigenschaften/background-attachment

Die Eigenschaft background-attachment bestimmt, wie sich die Hintergrundbilder verhalten sollen, wenn das Element oder sein Inhalt bewegt wird

Erlaubte Werte

• scroll = mitscrollen
• fixed = Hintergrundbild bleibt im Viewport stehen
• local = Hintergrundbild verhält sich „fixed“ zu seinem Container

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

scroll

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

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

Das Hintergrundbild wird beim Scrollen nicht mitbewegt.

Siehe auch

• CSS/Tutorials/Hintergrund/Hero-Images (Parallax Scrolling)

Weblinks

• Spezifikation (W3C): background-attachment