이전 목록 다음
채택완료

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

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

 

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

 

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

 

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

 

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

 

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

css 에서

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

위 속성 추가해보세요. 

 

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

답변에 대한 댓글 1개

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

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

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

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

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

답변에 대한 댓글 1개

아직...안되는 것 같아요 ㅜㅜ

답변을 작성하려면 로그인이 필요합니다.