CSS background-attachment Property

Example

How to specify a fixed background-image:

body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}

Try it yourself »

The background-attachment property sets whether a background image is fixed or scrolls with the rest of the page.

Default value:	scroll
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.backgroundAttachment="fixed"

The background-attachment property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
scroll	The background image scrolls with the rest of the page. This is default
fixed	The background image is fixed
inherit	Specifies that the setting of the background-attachment property should be inherited from the parent element