z-index

z-index는 값이 높을수록 맨 앞에 쌓임

기본값은 0

z-index 값을 따로 설정하지 않으면 기본 값은 0이다.

 

여러 박스들 중에 a라는 박스에 

 

z-index: 1;

 

값을 넣으면 a박스가 다른 박스들 보다 제일 앞에 나와 보인다. (추가적인 레이어를 생성하고, 여기에 a박스를 위치시킴)

 

그리고 b라는 박스에 

 

z-index: 2;

 

값을 넣으면 b박스가 a박스보다 더 앞에 나온다. (레이어가 2개가 더 추가된 것임.)

 

 

만약 같은 레벨의 레이어에 있다면, 

 

나중에 배치된 것이 우선적으로 보여진다.

 

출처

↓

dream-frontend.tistory.com/31

z-index 란?!