CSS background-attachment Property
Complete CSS Reference
Example
How to specify a fixed background-image:
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
} |
Try it yourself »
|
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: No versions of Internet Explorer (including IE8) support the property value "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 |
Related Pages
CSS tutorial: CSS Background
HTML DOM reference:
backgroundAttachment
property
Complete CSS Reference
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
|