z-index와 레이어 관리

화면 위계의 비밀

​웹사이트에는 여러 요소가 겹치는 상황이 많습니다. 모달창, 드롭다운 메뉴, 배너 등이 그 예입니다. 이때 어떤 요소가 위로 올라올지를 결정하는 속성이 바로 z-index입니다.

기본 문법

.modal {  position: fixed;  top: 0;  left: 0;  z-index: 9999;}