z-index

Portfolio Page를 만들던 중 상단 바의 메뉴 버튼을 눌렀을 때
트랜지션으로 내려오는 리스트들이 상단 바의 위로 내려오는 문제를 발견했다.

규칙

• position 속성이 없는 태그들은 나오는 순서대로 쌓임
• position 속성이 있는 태그들은 없는 태그들보다 위에서 나오는 순서대로 쌓임
• position 속성에 z-index까지 있다면 z-index가 큰 태그가 위에 쌓임
• 하지만 z-index가 아무리 크더라도 부모 태그의 z-index가 더 우선

참고

https://www.zerocho.com/category/CSS/post/5a18b330e9c0ec001b08238e