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 있는 곳을 다 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;
다른 방법이 없을까요?
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
URL을 알려주시면 완전한 답을 드릴수 있습니다^^