CSS background-attachment Property


How to specify a fixed background-image:

body {
    background-image: url('w3css.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
Animatable: no. Read about animatable
Version: CSS1
JavaScript syntax: object.style.backgroundAttachment="fixed" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

background-attachment 1.0 4.0 1.0 1.0  3.5

Note: Internet Explorer 8 and earlier versions do not support multiple background images on one element.

CSS Syntax

background-attachment: scroll|fixed|local|initial|inherit;

Property Values

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

Related Pages

CSS tutorial: CSS Background

HTML DOM reference: backgroundAttachment property




Search w3schools.com:

Translate w3schools.com: