[CSS] z-index를 이용하여 요소를 화면에 맨 앞으로 보내기

z-index

: 화면에 나타나는 요소들의 우선순위를 정할 수 있습니다. 숫자의 크기가 커질수록 화면에 앞 쪽에 나타납니다.

 

헤더영역에 있는 퀵바가 이미지 뒤에 가려지는 것을 볼 수 있습니다.

 

position: relative;

z-index: 값;

 

기본 바탕이 0이여서 0보다 큰 숫자를 입력하시면 요소가 바탕 위로 올라옵니다.

이 때, position: relative가 있어야 합니다.

 

 

 

 

z-index는 position이랑 함께 씁니다.