테스트 사이트 - 개발 중인 베타 버전입니다

z-index 는 "opacity" 를 관여하지 않나요? 채택완료

안늉 5년 전 조회 3,437

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

 

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

 

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

 

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

 

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

 

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

답변 3개

채택된 답변
+20 포인트
F
5년 전

css 에서

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

위 속성 추가해보세요. 

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

5년 전

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

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

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

로그인 후 평가할 수 있습니다

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

호야슈
5년 전

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

안늉
5년 전
아직...안되는 것 같아요 ㅜㅜ

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

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

로그인