고정된 배경 이미지를 지정하는 방법

분석 예:

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

background-attachment 속성 값이 "fixed"이면 배경 이미지가 고정되어 페이지의 나머지 부분과 함께 스크롤되지 않습니다.


지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png'); background-repeat:no-repeat; background-attachment:fixed; } </style> </head> <body> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> <p>背景图片是固定的,不会随页面的其余部分滚动。</p> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~