z-index (1) 썸네일형 리스트형 CSS - z-index의 동작방식 쌓임맥락 (Stacking Content) 위 이미지를 보게되면 가상의 z-axis를 따라서 z-index가 생성되어 있고 z-index와 가장 먼저 보이는 엘레먼트가 비례하는 것을 볼 수 있다. 하지만 무조건 z-index가 높다고해서 가장 먼저 보이는 것은 아니다. z-index는 같은 레벨(부모 자식)상에서만 작용한다. 쌓임 맥락은 다른 쌓임 맥락을 포함할 수 있다. 쌓임 맥락에서 쌓임을 고려하는 것은 오직 자식 요소들에 대해서 만이다. 즉, 쌓임 맥락에서 여러 부모 자식간의 관계로서 총 쌓임 맥락이 형성되는 것이다. 이러한 관계가 아닌 형제 블록간의 쌓임 맥락의 우선순위는 다음과 같다. 이상태에서 같은 레벨(부모자식 혹은 위 관계에서 대등한)의 관계에서는 z-index에 따라 쌓임맥락이 결정된다... 이전 1 다음
