• 가이드

섹션 배경 이미지 고정하기 (섹션 설정)

섹션에 배경 이미지를 삽입하고 "배경 이미지 고정" 효과를 적용하면 마우스 휠을 스크롤 하더라도 배경 이미지가  해당 섹션에 고정되어 표시됩니다. 방문자의 눈길을 사로잡는 시각적 효과를 간편하게 적용할 수 있어, 비주얼 중심의 웹 페이지 디자인에 효과적입니다.

참고: 모바일 브라우저에서는 지원하지 않습니다. 이 효과는 이미지에만 적용되므로 동영상의 경우 동작하지 않습니다.

설정방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 메뉴 관리 아이콘   을 클릭하고, 배경 이미지 고정 효과를 적용할 메뉴를 클릭해 이동합니다.
  3. 배경 이미지 고정 효과를 적용하기 위한 새로운 빈 섹션을 추가합니다. 빈 섹션 추가방법
  4. 빈 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 섹션 설정을 클릭합니다.
  6. 이미지 업로드 영역에 마우스 포인터를 올리면, 이미지 업로드 옵션이 표시됩니다. 이미지 찾기를 클릭해 내 PC에서 이미지를 선택해 올려줍니다.

    참고: 배경에 올릴 이미지는 섹션 배경 전체를 꽉 채우기 때문에 충분히 큰 해상도(가로 1920픽셀, JPG)의 이미지를 사용해 주세요. 별도 준비한 이미지가 없는 경우, 무료 이미지를 사용할 수도 있습니다. 단, 동영상은 배경 이미지 고정 옵션이 동작하지 않습니다.

  7. 섹션 배경 효과로 배경 이미지 고정을 선택합니다.

  8. 섹션 설정 창 바깥 영역 아무 곳을 클릭해 설정을 종료합니다.
  9. 마우스 휠 스크롤을 움직여 배경 이미지 고정 효과가 적용되었는지 확인합니다.
목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
676.4K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.2K
전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.