인덱스 포지션을 활용하세요

z-index 값을 사용하여 쌓인 요소를 정렬합니다.

이 교육 세션에 포함된 내용은 다음과 같습니다.

  1. 인덱스 포지션은 무엇을 의미하나요?
  2. 요소를 정렬하기 위해 인덱스 위치를 사용합니다.

인덱스 포지션은 무엇을 의미하나요?

인덱스 위치는 요소의 배열을 규제합니다.

  1. 인덱스 위치가 더 큰 요소는 위치가 더 낮은 요소 위에 배치됩니다.
  2. 자손 요소는 조상 요소에 따라서만 배치될 수 있습니다. (즉, 요소 A가 요소 B보다 더 높은 인덱스 위치를 갖는 경우 요소 B의 자손은 요소 A와 결코 겹치지 않습니다.)
  3. 인덱스 위치는 상대, 절대 및 고정 배치에서만 작동합니다.
  4. 표준 인덱스 위치는 0입니다.

요소를 정렬하기 위해 인덱스 위치를 사용합니다.

  1. 정렬하려는 div 블록을 선택하세요.
  2. 인덱스 위치 사용(기본 인덱스 위치는 0이므로 0보다 큰 값은 요소를 맨 위에 정렬합니다)
  3. 높은 값이 낮은 값 위에 정렬됩니다.
  4. 유해한 값으로 인해 요소가 사라질 수 있습니다.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)