- 쌓임 맥락이란, 가상의 Z축을 사용한 HTML 요소의 3차원 개념화
- 특정 요소의 렌더링 순서는, 자신의 z-index 속성 값에 영향을 받는다.
- 이는 그 요소들이 가진 특별한 속성으로 인해 쌓임 맥락이 생성되기 때문이다.
- 쌓임 액락이 다른 쌓임 맥락을 포함 할 수 있다. 함께 계층 구조를 이룬다.
- 쌓임 맥락은 형제 쌓임 맥락과 완전히 분리된다. 쌓임을 처리할 땐 자손 요소만 고려한다.
- 각각의 쌓임은 독립적이다. 어느 요소의 콘텐츠를 쌓은 후에는, 그 요소를 통째 부모 쌓임 맥락 안에 배치한다.
- 즉 z-index의 유효범위는 전역이 아니다.
- z-index를 요소의 순서를 변경하는 방법으로 생각하지 말 것. 이는 자식 주위에 그룹을 형성하는 방법으로 생각해야한다. z-index 는 그룹이 형성되지 않으면 작동하지 않는다.
쌓임 맥락 만들기?
- postion: relative, absolute + z-index
- opacity를 0보다 작게 설정
- position fxied, sticky 로 설정
- 등등...