z-index가 제대로 작동하지 않는 이유
최근 프로젝트를 하면서 아무리 z-index를 입력해도 (심지어 999를 넣어도) 원하는대로 화면위로 올라오지 않았다.z-index보다 위에있는 element는 심지어 z-index가 없어서 더 환장할 노릇이었다.그래서 그동안 한번도 고민해보지 않았던 z-index에 대해 찾아보았다.정말 개발은 하면할수록 내가 모르는게 투성이라는걸 알아가는것 같다.어쨌든 그렇게 알게된 z-index 작동 원리를 정리해보고자 한다. 1. z-index 도 우선순위가 있다.이번에 알게된 제일 충격적인 사실... z-index도 우선순위가 있다.a. 부모요소의 z-index가 자식요소의 z-index보다 우선순위를 가진다.다른말로 하면, 자식요소의 z-index가 아무리 높아도 부모요소의 z-index에 제한을 받는다. ..
HTML & CSS
2023. 3. 20. 00:21