dropdown 메뉴가 이미지에 가려서 안 보임
본문
아래 그림과 같이 메인메뉴의 dropdown 메뉴가 이미지에 가려 안보여서
index.php 파일에서 이미지를 삽입했던 부분을 아래와 같이 수정하고
<div style="margin:0;width:100%;position:relative;z-index:-1;">
<img src="https://www.w3schools.com/w3images/architect.jpg" alt="main_image" width="100%" height="100%">
</div>
드롭다운메뉴 부분도 default.css의 메인메뉴 부분에서 아래와 같이 수정했는데도 계속
이미지에 가려서 보이지 않습니다.
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#43d32a;padding: 0; z-index: 1;
해결방법이 없을까요..?
답변 4
#gnb 에 z-index를 높게 줘보세요
드롭다운 메뉴 전체의 z-index 값이 낮을수도 있습니다.
잘 몰라서 아래와 같이 #gnb 있는 곳을 다 100으로 했는데도 가려서 보이지 않네요.
물론 캐시도 다 지우고요.
#gnb{position:relative; z-index:100;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden; z-index:100;}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#555;zoom:1;margin:0; position:sticky; top:0;width:100%;z-index:100;
다른 방법이 없을까요?
이것 저것 하다보니 어떻게 되었습니다.
감사합니다.