[정리] z-index 우선순위

z-index 우선순위 규칙>>>

---

1. position 속성이 없는 태그들은 나오는 순서대로 쌓인다.

2. position 속성이 있는 태그들은 없는 태그들보다 위에 나오는 순서대로 쌓인다.

3. position 속성에 z-index까지 있다면 z-index가 큰 태그가 위에 쌓인다.

4. 하지만 z-index가 아무리 크더라도 부모 태그의 z-index가 더 우선이다.

5. z-index는 position이 relative거나 absolute여야 동작한다.  먼저 position이 static인 태그들이 나오는 순서대로 쌓이고, 그 위에 relative나 absolute인 태그들이 나오는 순서대로 쌓인다.

 

See the Pen LYRQrmr by issue72y (@issue72y) on CodePen.