인프런 커뮤니티 질문&답변
작성한 질문수
비디오 백그라운드를 활용한 랜딩페이지 - 웹폰트, 동영상 제어하기, 로고
해결된 질문
작성
·
310
1
1. .video-frame video태그에 z-index를 -1을 주지 않고 .logo에는 z-index를 100으로 video에는 z-index를 50으로 주면 .logo의 z-index가 더 크기 때문에 로고안에 있는 이미지가 앞으로 나와야 하는데 왜 로고가 앞으로 나오지 않는건가요?
2. html요소가 같은 위치에 겹치는 상황이 생기면 포지션 속성이 relative, absolute, fixed 가 static 보다 우선한다고 하셨는데 position속성이 하나는 fixed, 하나는 absolute이거나 아니면 둘다 absolute일 때는 어떤 요소가 더 앞으로 오는건가요?
답변 1
1
코딩웍스(Coding Works)
지식공유자
1번 답변)
.logo에 z-index를 높이더라도 z-index는 position: relative, absolute, fixed가 없으면 작동을 안합니다.
.logo에 position: relative, absolute, fixed 이 중에 한개를 주고 z-index를 주세요.
2번답변)
겹치는 상황에서 하나는 absolute, 다른게 relative이면 relative가 우선합니다. z-index가 없거나 같다는 조건하에...
겹치는 상황에서 하나는 absolute, 다른게 absolute이면 html 순서상 늦게 나온것이 우선합니다.