CSS Background Attachment

CSS background-attachment

background-attachment The property specifies whether the background image should scroll or be fixed (it will not scroll with the rest of the page):

Example

Specify that the background image should be fixed:

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

Try It Yourself

Example

Specify that the background image should scroll with the rest of the page:

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

Try It Yourself