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

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

QA

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

답변 3

본문

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);

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #DB ×
전체 821
© SIRSOFT
현재 페이지 제일 처음으로