섹션 배경 이미지 고정하기
섹션에 배경 이미지를 삽입하고 "배경 이미지 고정" 효과를 적용하면 마우스 휠을 스크롤 하더라도 배경 이미지가 해당 섹션에 고정되어 표시됩니다. 방문자의 눈길을 사로잡는 시각적 효과를 간편하게 적용할 수 있어, 비주얼 중심의 웹 페이지 디자인에 효과적입니다.
참고: 모바일 브라우저에서는 지원하지 않습니다. 이 효과는 이미지에만 적용되므로 동영상의 경우 동작하지 않습니다.
설정방법
- 디자인 모드에 접속합니다.
- 왼쪽 상단의 메뉴 관리 아이콘 ≡ 을 클릭하고, 배경 이미지 고정 효과를 적용할 메뉴를 클릭해 이동합니다.
- 배경 이미지 고정 효과를 적용하기 위한 새로운 빈 섹션을 추가합니다.
- 빈 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 섹션 설정을 클릭합니다.
- 이미지 업로드 영역에 마우스 포인터를 올리면, 이미지 업로드 옵션이 표시됩니다. 이미지 찾기를 클릭해 내 PC에서 이미지를 선택해 올려줍니다.
참고: 배경에 올릴 이미지는 섹션 배경 전체를 꽉 채우기 때문에 충분히 큰 해상도(가로 1920픽셀, JPG)의 이미지를 사용해 주세요. 별도 준비한 이미지가 없는 경우, 무료 이미지를 사용할 수도 있습니다. 단, 동영상은 배경 이미지 고정 옵션이 동작하지 않습니다.
- 섹션 배경 효과로 배경 이미지 고정 옵션을 선택합니다.
- 섹션 설정 창 바깥 영역 아무 곳을 클릭해 설정을 종료합니다.
- 마우스 휠 스크롤을 움직여 배경 이미지 고정 효과가 적용되었는지 확인합니다.