CSS Background Attachment
CSS background-attachment
The background-attachment property specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page):
Example
Specify that the background image should be fixed:
body {
background-image: url("img_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("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: scroll;
}
Try it Yourself »
The CSS Background Attachment Property
| Property | Description |
|---|---|
| background-attachment | Set whether a background image is fixed or scrolls with the rest of the page |
CSS — Background Attachment — W3Schools Video
This video is an introduction to Background Attachment in CSS.
Part of a series of video tutorials to learn CSS for beginners!
