[CSS] z-index

김나영·2023년 8월 8일

CSS

목록 보기
1/1

프로젝트의 index페이지에 slick 라이브러리 적용시키고 확인하는 도중에
slick내부의 이미지가 나의 header를 이겨먹고 있는 모습을 발견....

ㅎㅇ?

환장하겠네....😿

slick이 문제인지,,, 내가 header에 준 position이 문제인지 찾아보다가 지피티가 매우 간단한 해결방법을 알려줬다
아,,아리가또..!

z-index

z-index가 뭐길래 나의 헤더를 짠 하고 보여주는 것일까,,,?

CSS z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. 더 큰 z-index 값을 가진 요소가 작은 값의 요소 위를 덮습니다.
출처 : https://developer.mozilla.org/ko/docs/Web/CSS/z-index

z-index의 값이 높을수록 최상위에 나타난다는 말씀,,

바로 적용시켜벌이고
(열받으니까 젤 높은 숫자 박아버리쟈)

짠!@@@ 해결완료 ^0^


근데 푸터 너는 왜 난리야?

에혀,,,,,<( ̄ c ̄)y▂ξ

profile
응애 나 애기 개발자

0개의 댓글