Summary

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.

Syntax

background-attachment:  attachment[, attachment]*

where:

attachment

Is a keyword that can have one of the following values:

• scroll, meaning that the background image will scroll within the viewport along with the block the image is contained within.
• fixed, meaning that the background image will not scroll with its containing element, instead remaining stationary within the viewport.
• local, meaning that the background image will not scroll with its containing element, but will scroll when the element's content scrolls: it is fixed regarding the element's content.

Examples

View Live Examples

body {
	background-image: url("images/cartooncat.png");
	background-attachment: fixed;
}

body {
  background-image: url("img1.png"), url("img2.png");
  background-attachment: scroll, fixed;
} 

Specifications

Browser Compatibility

See also

• background , background-attachment , background-clip , background-color , background-image , background-origin , background-position , background-repeat , background-size
• Multiple backgrounds