Search results
Definition and Usage. The background-attachment property sets whether a background image scrolls with the rest of the page, or is fixed. Browser Support. The numbers in the table specify the first browser version that fully supports the property. CSS Syntax. background-attachment: scroll|fixed|local|initial|inherit; Property Values. More Examples.
Jul 18, 2023 · The background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.
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; }
Feb 17, 2015 · The background-attachment property in CSS specifies how to move the background relative to the viewport. There are three values: scroll , fixed , and local . The best way to explain this is via demo (try scrolling the individual backgrounds):
CSS background-attachment property controls whether the background image scrolls or remains fixed with the page's content. For example, body { background-image: url ("coder-illustration.png"); background-attachment: fixed; } Browser Output. The background is fixed while scrolling.
May 24, 2017 · If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.
Oct 5, 2023 · The background-attachment property in CSS dictates how a background image behaves when a user scrolls a page or an element. The property can have three values: fixed, scroll, and local....
