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

질문 하나 드립니다 퍼블리셔 고수님들 ㅠ

주사쟝
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 8년 전 · 3006 · 7

반응형 사이트를 제작중인데요.


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도 해보셨다고 했는데 이 부분 적용 해 보셨나요? ...)
주사쟝
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전
넵 그 부분 삭제 해봤는데도 안되더라구용 ㅠㅠ
nanati
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전
그렇군요 ㅠ 직접 코드를 만져볼 수 없으니 안타깝네요~
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 으로 함께 수정해 보세요.

게시글 목록

번호 제목
18046
PHP 이메일주소 검사하기 입니다.
18045
웹서버 php 확장자 내 맘대로 바꾸기 입니다.
18044
PHP 문자열을 한 문자씩 나누어 출력하기 입니다.
18043
node.js Node js 게시판 프로젝트 소개합니다.
18041
PHP pc 모바일 체크 1
18040
PHP 계정 사용량(용량) 확인
18038
PHP textarea 입력한 엔터값 출력하기 1
18037
MySQL 소수점 반올림 버림
18036
jQuery jQuery version 1.9 이상에서 $.browser 사용하기
18035
PHP 에러 로그파일 생성하기
18033
PHP 간단한 특정 IP 차단하기 입니다. 1
18032
PHP 다른 사이트의 내용을 자동으로 긁어오기 입니다.
18031
PHP 후이즈검색 하기 입니다.
18030
PHP 그래프 그리기 입니다.
18029
JavaScript 자바스크립트로 구현한 number_format() 입니다.
18028
JavaScript 금액 관련 숫자를 한글로 변환하기 입니다.
18027
PHP PHP 날짜 계산 관련 함수
18026
jQuery jQuery 1.x와 2.x 버전 동시에 사용하기
18025
PHP 요일, 시간마다 다른 CSS 제어하기 입니다.
18024
PHP iframe내의 id셀렉터 입니다.
18023
JavaScript 사업자 등록번호 검사하기 입니다.
18022
PHP 폼전송을 통해서 페이지를 이동하기 입니다.
18021
JavaScript 항상 같은곳에 광고창 만들기 입니다.
18020
JavaScript 부메뉴 나오게 하기 입니다.
18019
JavaScript 특정문자 제거하기 입니다.
18018
JavaScript 휴대폰번호 검사 하기 입니다.
18017
JavaScript 이미지 좌우로 이동 갤러리 입니다.
18016
PHP 파일 확장자 검사 함수 입니다.
18015
JavaScript 쉬운 replaceAll 입니다.
18014
PHP 그누보드 최근 게시물 파싱하기 입니다.
이전 다음
전체 목록