backgroundAttachment Property (A, ADDRESS, B, ...)

backgroundAttachment Property

background-attachment Attribute | backgroundAttachment Property

Sets or retrieves how the background image is attached to the object within the document.

Syntax

HTML { background-attachment : sAttachment }
Scripting [ sAttachment = ] object.style.backgroundAttachment

HTML	{ background-attachment : sAttachment }
Scripting	[ sAttachment = ] object.style.backgroundAttachment

Possible Values

sAttachment String that specifies or receives one of the following values.
scroll
Default. Background image scrolls with the object as the document is scrolled.
fixed
Background image stays fixed within the viewable area of the object.
The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of scroll. The Cascading Style Sheets (CSS) attribute is not inherited.
DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are not supported in IE8 mode. For more information, see About Dynamic Properties.

Remarks

This property can be set with the other background properties by using the background composite property.
Microsoft Internet Explorer 3.0 supports the background-attachment attribute, but only when it's set by using the background attribute.

Examples

The following examples use the background-attachment attribute and the backgroundAttachment property to set the background to "fixed", so that the background does not scroll with the text.
This example uses an inline style sheet to set the background to fixed.

<STYLE > BODY { background-attachment:fixed } </STYLE> </HEAD> <BODY background="some.jpg">

This feature requires Microsoft Internet Explorer 4.0 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

This example uses inline scripting to set the background to fixed.

<BODY ID="oBdy" background="marble05.jpg" onload="oBdy.style.backgroundAttachment = 'fixed'">

This feature requires Microsoft Internet Explorer 4.0 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) .

Applies To

A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, currentStyle, CUSTOM, DD, defaults, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FORM, hn, HTML, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, ISINDEX, KBD, LABEL, LAYOUTRECT, LEGEND, LI, LISTING, MARQUEE, MENU, OL, OPTION, P, PLAINTEXT, PRE, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor