Example
How
to specify a fixed background-image:
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
______________________________________________________________________________
Definition
and Usage
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"
|
Browser
Support
The background-attachment property
is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and
earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property
Values
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
|