background-attachment
Controls whether a background image stays fixed in place or scrolls along with the content. 'fixed' is often used to create a simple parallax-like effect where the page content slides over a static image.
It is documented as part of the CSS Backgrounds and Borders specification.
Syntax
/* Usage Example */
.parallax-section {
background-image: url(';stars.jpg');
/* Image stays put while the user scrolls */
background-attachment: fixed;
background-size: cover;
}
/* Global values */
background-attachment: inherit;
background-attachment: initial;
background-attachment: revert;
background-attachment: revert-layer;
background-attachment: unset;background-attachment Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
1+
1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more