CSS-Hintergrundbefestigung

CSS background-attachment

background-attachment Diese Eigenschaft legt fest, ob das Hintergrundbild scrollen oder festgelegt werden sollte (wird nicht mit dem Rest der Seite zusammen gerollt):

Beispiel

Die Hintergrundbildposition sollte festgelegt werden:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

Versuchen Sie es selbst

Beispiel

Die Hintergrundbildposition sollte zusammen mit dem Rest der Seite rollen:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

Versuchen Sie es selbst