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 »
Exercise?What is this?
Test your skills by answering a few questions about the topics of this page
What does the background-attachment
property control?
The CSS Background Attachment Property
Property | Description |
---|---|
background-attachment | Sets whether a background image is fixed or scrolls with the rest of the page |
Video: CSS Background Attachment
![Tutorial on YouTube](images/yt_logo_rgb_dark.png)
![Tutorial on YouTube](images/css_background_attachment.png)