질문 하나 드립니다 퍼블리셔 고수님들 ㅠ
반응형 사이트를 제작중인데요.
http://marineauto2.cafe24.com/company.php
스크롤을 내리면 부메뉴가 슬라이드 내려오거든요.
pc브라우져로 모바일 사이즈로 줄이고 부메뉴를 탭하면 잘 되는데요.
핸드폰으로 보면 부메뉴가 컨텐츠에 가려지네요 ㅠㅠ
이유가 무엇일까요...
z-index 건 overflow 건 다 해봤는데.. pc에선 잘 되는데 핸드폰으로 직접 보면
부메뉴가 뒤로 사라잡니다..
해결방안을 찾아주실분 계신가요 ㅠㅠ 흑흑
댓글 7개
nanati
8년 전
질문은 QA게시판에 하시면 더 많은 분들이 보시고 답 주실 수 있어요~
https://sir.kr/qa/
제가 보기에는 sub.css 72줄에 있는
.cont>section의 overflow:hidden이 문제일 것 같기도 한데
한번 삭제 하시고 적용해보세요~
(글 남기고나서 보니까 overflow도 해보셨다고 했는데 이 부분 적용 해 보셨나요? ...)
https://sir.kr/qa/
제가 보기에는 sub.css 72줄에 있는
.cont>section의 overflow:hidden이 문제일 것 같기도 한데
한번 삭제 하시고 적용해보세요~
(글 남기고나서 보니까 overflow도 해보셨다고 했는데 이 부분 적용 해 보셨나요? ...)
8년 전
넵 그 부분 삭제 해봤는데도 안되더라구용 ㅠㅠ
nanati
8년 전
그렇군요 ㅠ 직접 코드를 만져볼 수 없으니 안타깝네요~
QA에 남겨봐주세요~ 능력자분들이 보시게 ㅎ
QA에 남겨봐주세요~ 능력자분들이 보시게 ㅎ
8년 전
근데 .cont>section 이부분은 부메뉴 뒤로 숨어야 하니까 overflow:hidden이 있는게 맞긴 한거같아요 ㅠ 으아 이유가 무엇일까..피시에선 되고 모바일에선 안된다라...
nanati
8년 전
이럴땐 대부분이 overflow:hidden 또는 z-index문제예요~
전혀 관계 없는 부분이라고 생각하시는 부분까지 싹 다
코멘트 아웃 해보시고 하나씩 적용해보시면 찾으실 수 있을거예요 ㅠ
저도 몇 번 겪었던 일이라 남일 같지 않네여~
전혀 관계 없는 부분이라고 생각하시는 부분까지 싹 다
코멘트 아웃 해보시고 하나씩 적용해보시면 찾으실 수 있을거예요 ㅠ
저도 몇 번 겪었던 일이라 남일 같지 않네여~
8년 전
네 알아봐주셔서 감사합니다. 제가 한번 더 해보도록할꼐요~!!
CandyMan
8년 전
오래된 질문이지만 사이트 방문해보니 아직 현상이 그대로시길래 답변 드려요.
사이트 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 으로 함께 수정해 보세요.
게시판 목록
토크
개발과 관련된 어떤 얘기도 괜찮습니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3271 |
dethos79
|
11년 전 | 4997 | |
| 3270 | 11년 전 | 2690 | ||
| 3269 | 11년 전 | 1852 | ||
| 3268 | 11년 전 | 2297 | ||
| 3267 |
kiplayer
|
11년 전 | 1802 | |
| 3266 |
초심의설렘
|
11년 전 | 3015 | |
| 3265 | 11년 전 | 1826 | ||
| 3264 | 11년 전 | 1716 | ||
| 3263 | 9년 전 | 659 | ||
| 3262 |
커네드커네드
|
9년 전 | 635 | |
| 3261 | 9년 전 | 715 | ||
| 3260 | 9년 전 | 741 | ||
| 3259 |
 웹표준3년차 |
9년 전 | 1159 | |
| 3258 | 9년 전 | 2894 | ||
| 3257 | 9년 전 | 1174 | ||
| 3256 | 9년 전 | 880 | ||
| 3255 |
star3840
|
9년 전 | 621 | |
| 3254 | 9년 전 | 611 | ||
| 3253 | 9년 전 | 816 | ||
| 3252 | 9년 전 | 903 | ||
| 3251 | 9년 전 | 694 | ||
| 3250 | 9년 전 | 709 | ||
| 3249 | 9년 전 | 845 | ||
| 3248 | 9년 전 | 1516 | ||
| 3247 | 9년 전 | 3155 | ||
| 3246 | 9년 전 | 1361 | ||
| 3245 |
 웹의미래는딥러닝 |
9년 전 | 1427 | |
| 3244 | 9년 전 | 1340 | ||
| 3243 | 9년 전 | 791 | ||
| 3242 | 9년 전 | 1433 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기