CSS - 문제 미리보기
문제 1087
easy
다음 코드에서 빈칸에 들어갈 값으로 배경 이미지를 고정시키려면?
```css
body {
background-image: url("mountain.jpg");
background-attachment: ______;
}
```
```css
body {
background-image: url("mountain.jpg");
background-attachment: ______;
}
```
정답: A
`background-attachment` 속성의 주요 값들과 그 의미는 다음과 같습니다:
주요 attachment 값들:
• fixed: 배경 이미지가 뷰포트에 고정되어 스크롤해도 움직이지 않음 ✓
• scroll: 배경 이미지가 페이지와 함께 스크롤됨 (기본값)
다른 선택지들:
• static, absolute, sticky: CSS의 `position` 속성 값들로, background-attachment와는 무관
fixed 효과:
페이지를 아래로 스크롤해도 배경 이미지는 그 자리에 고정되어 있어서 마치 창문을 통해 풍경을 보는 것 같은 효과를 만듭니다.
주요 attachment 값들:
• fixed: 배경 이미지가 뷰포트에 고정되어 스크롤해도 움직이지 않음 ✓
• scroll: 배경 이미지가 페이지와 함께 스크롤됨 (기본값)
다른 선택지들:
• static, absolute, sticky: CSS의 `position` 속성 값들로, background-attachment와는 무관
fixed 효과:
페이지를 아래로 스크롤해도 배경 이미지는 그 자리에 고정되어 있어서 마치 창문을 통해 풍경을 보는 것 같은 효과를 만듭니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.