Set a background-image to be fixed (will not scroll):
The backgroundAttachment property sets or returns whether a background image should scroll with the content, or be fixed.
The backgroundAttachment property is supported in all major browsers.
Return the backgroundAttachment property:
Set the backgroundAttachment property:
Value | Description |
---|---|
scroll | The background scrolls along with the element. This is default |
fixed | The background is fixed with regard to the viewport |
local | The background scrolls along with the element's contents |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | scroll |
---|---|
Return Value: | A String, representing how the background image is attached to the object within the document |
CSS Version | CSS1 |
Choose between scroll and local on a DIV element:
Toggle between scroll and fixed:
Return the value of the background-attachment property:
CSS tutorial: CSS Background
CSS reference: background-attachment property
HTML DOM reference: background property