css background-attachment property

background

UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]

n. (painting, etc.) background; background color; background information; soundtrack

Plural: backgrounds

attachment

UK[əˈtætʃmənt] US[əˈtætʃmənt]

n. (sent by email) attachment, attachment thing; attachment, attachment; seizure of property arrest, seizure (person, property)

Plural: attachments

css background-attachment property syntax

How to use the background-attachment attribute?

The background-attachment attribute needs to be used together with the background-image attribute to set whether the background image is fixed or scrolls with the rest of the page. Can be set: scroll (the background image is fixed relative to the element), fixed (the background image is fixed relative to the viewport), ocal (the background image is fixed relative to the element content).

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

Description:

scroll Default value. The background image moves as the rest of the page scrolls.

fixed The background image does not move when the rest of the page scrolls.

loca The background image is fixed relative to the element's content. When the content of an element scrolls, the background image always moves with the content

inherit specifies that the setting of the background-attachment attribute should be inherited from the parent element.

Note:All browsers support the background-attachment attribute.

css background-attachment property example

   
  
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。
 
图像不会随页面的其余部分滚动。