z-index 는 "opacity" 를 관여하지 않나요?

z-index 는 "opacity" 를 관여하지 않나요?

QA

z-index 는 "opacity" 를 관여하지 않나요?

본문

https://phrack.xyz/testmyfile/mysite/work/index.html - KSO design 모작중입니다 독학 2주차...

 

에서 nav의 dropdown효과가 mid_img 의 이미지 밑으로 표시됩니다.

 

모두 z-index와 포지션 설정을 해보는 와중에...

 

opacity설정이 z-index를 무시하는것을 발견했습니다...

 

이를 해결할 방법이 있는지요...

 

이 질문에 댓글 쓰기 :

답변 3

css 에서

#top_header{position:relative; z-index2;} 

위 속성 추가해보세요. 

 

테스트해보면 제대로 나옵니다. 

감사합니다!!!
어쩐지 nav의 dropdown은 잘 표시된다 하더라고요 ㅜㅜ
"전체 틀에 지정을 해야하나??" 하고 찾는중이었는데 이유는 모르겠지만 맞았군요....
정말감사합니다 ㅜㅜㅜㅜㅜㅜㅜㅜ

mid_img 상위 div에 position을 빼보실래요?

배경색만 어느정도 투명하게 하고 싶다면 opacity로 투명도를 설정하지 마시고

background:rgba(33, 32, 32, 0.9);

이런식으로 백그라운드에서 조정하세요

답변을 작성하시기 전에 로그인 해주세요.
전체 2,043
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT