반응형 사이트를 제작중인데요.
http://marineauto2.cafe24.com/company.php
스크롤을 내리면 부메뉴가 슬라이드 내려오거든요.
pc브라우져로 모바일 사이즈로 줄이고 부메뉴를 탭하면 잘 되는데요.
핸드폰으로 보면 부메뉴가 컨텐츠에 가려지네요 ㅠㅠ
이유가 무엇일까요...
z-index 건 overflow 건 다 해봤는데.. pc에선 잘 되는데 핸드폰으로 직접 보면
부메뉴가 뒤로 사라잡니다..
해결방안을 찾아주실분 계신가요 ㅠㅠ 흑흑
댓글 7개
오래된 질문이지만 사이트 방문해보니 아직 현상이 그대로시길래 답변 드려요.
사이트 html 구조를 크게 보면
<div id="container">
<div class="sub_visual">..</div>
<div class="cont">...</div>
</div>
이렇게 메뉴는 .sub_visual에 종속이고, 컨텐츠는 .cont에 종속이네요.
.sub_visual 아래 .sub_nav 클래스가 fixed가 됨에 따라 상단에 고정이 되어야 하는데,
이때 모바일에서는 이 fixed된 메뉴가 조상노드인 sub_visual에 영향을 받아
형제요소인 .cont가 .sub_visual 전체를 덮어버리는것 같습니다.
.sub_nav클래스가 fixed 될때 조상노드인 .sub_visual에 선언된 position:relative -> static 으로 함께 수정해 보세요.
사이트 html 구조를 크게 보면
<div id="container">
<div class="sub_visual">..</div>
<div class="cont">...</div>
</div>
이렇게 메뉴는 .sub_visual에 종속이고, 컨텐츠는 .cont에 종속이네요.
.sub_visual 아래 .sub_nav 클래스가 fixed가 됨에 따라 상단에 고정이 되어야 하는데,
이때 모바일에서는 이 fixed된 메뉴가 조상노드인 sub_visual에 영향을 받아
형제요소인 .cont가 .sub_visual 전체를 덮어버리는것 같습니다.
.sub_nav클래스가 fixed 될때 조상노드인 .sub_visual에 선언된 position:relative -> static 으로 함께 수정해 보세요.
게시글 목록
| 번호 | 제목 |
|---|---|
| 18805 | |
| 18802 | |
| 18800 | |
| 18797 | |
| 18784 | |
| 18781 | |
| 18776 | |
| 18773 | |
| 18772 | |
| 18768 | |
| 18766 | |
| 18762 | |
| 18758 | |
| 18757 | |
| 18754 | |
| 18749 | |
| 18746 | |
| 18744 | |
| 18743 | |
| 18741 | |
| 18740 | |
| 18735 | |
| 18734 | |
| 18728 | |
| 18718 | |
| 18713 | |
| 18710 | |
| 18703 | |
| 18701 | |
| 18696 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기