CSS 배경 부착 속성

배경

English[ˈbækgraʊnd] American[ˈbækˌɡraʊnd]

n.(그림 등) 배경색; 배경 정보; 배경 정보

English[ ˈtætʃmənt]美[ əˈtætʃmənt]

n. 첨부 파일, 첨부 파일, 첨부 파일, 압류 <법률> 체포, 압수(사람, 재산)

복수: 첨부 파일

CSS 배경 부착 속성 통사론

배경 첨부 속성을 어떻게 사용하나요?

배경 이미지를 고정할지 아니면 페이지의 나머지 부분과 함께 스크롤할지 설정하려면 background-attachment 속성을 background-image 속성과 함께 사용해야 합니다. 설정 가능: 스크롤(배경 이미지가 요소에 대해 고정됨), 고정(배경 이미지가 뷰포트에 대해 고정됨), ocal(배경 이미지가 요소 콘텐츠에 대해 고정됨).

기능:background-attachment 속성은 배경 이미지를 고정할지 아니면 페이지의 나머지 부분과 함께 스크롤할지를 설정합니다.

설명:

스크롤 기본값입니다. 페이지의 나머지 부분이 스크롤되면 배경 이미지도 이동됩니다.

fixed 페이지의 나머지 부분을 스크롤할 때 배경 이미지가 움직이지 않습니다.

loca 배경 이미지는 요소의 콘텐츠를 기준으로 고정됩니다. 요소의 콘텐츠가 스크롤되면 배경 이미지는 항상 콘텐츠와 함께 이동합니다.

inherit는 background-attachment 속성의 설정이 상위 요소에서 상속되어야 함을 규정합니다.

참고:모든 브라우저는 background-attachment 속성을 지원합니다.

CSS 배경 부착 속성 예

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