강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

대현님의 프로필 이미지
대현

작성한 질문수

인터랙티브 개발 실무 끝장내기 [역량 강화편]

[실습] 나이키 운동화 사이트 구현

z-index 질문 드립니다

작성

·

178

0

innerwrap에 z-index가 높게 설정되어있어서  설명이 항상 사진보다 앞에 올 줄 알았는데 스크롤을 사진만 나오도록 멈췄다가 설명이 나오도록 내리면 사진이 설명을 가리더라구요? 일단 사진에 z-index를 설명 z-index보다 작게 잡아서 해결을 했는데, 왜 반대로 가렸는지는 이해할 수 없었습니다. z-index를 따로 설정해두지 않으면 default가 0인거 아니였나요?

답변 1

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

그런 여러가지 문제들이 있을수 있어서 이미지들을 텍스트 내용과 별개로 뺀 페이지도 설명을 드렸던 겁니다. (앞의 실습 1번과 같은) 애초에 뎁스 차이를 주면 겹칠일이 아예 없으니까요.

그리고 z-index 를 주실때는 반드시 position 속성을 넣어주셔야 합니다. 의도대로 안된다면 한 번 체크해보세요.  z-index를 따로 설정하지 않으면 기본값은 auto 입니다. 0과 비슷.

대현님의 프로필 이미지
대현

작성한 질문수

질문하기