모바일에서 팝업을 띄으면 게시판이 클릭이안되는현상
본문
PC버전으로 모바일에 동일하게 적용해서
사이트를 작업했는데. PC버전에서 팝업을 닫지않아도 상단 메뉴중 게시판관련
메뉴를 클릭해도 접근할수있는데.. 모바일에서 보면 팝업이 뜨면 상단 메뉴중 게시판
관련 메뉴가 클릭이 안되는 현상이 발생합니다.
5.4버전으로 작업했고 PC/모바일 같이 사용하고 있습니다
팝업만 닫으면 정상적으로 클릭이 됩니다
저도 이런 현상을 본적이 없어서 고수님들의 좋은 의견 부탁드립니다.
답변 2
질문에 대한 문제 원인은 참조 코드나 URL이 없는 관계로 정확히 진단할 수 없으나
팝업 활성화된 상태에서만 특정 메뉴가 클릭되지 않는 현상이 발생할 경우에는,
대부분 css 에서 z-index 또는 position 속성 absolute 충돌로 야기되는 문제일 가능성이 높습니다.
홈페이지 접속 화면은 A4 용지 위에 그려진 평면처럼 보이지만
대부분의 코딩방식은 여러겹의 layer 를 겹겹히 쌓은 복층구조로 작업됩니다.
다시말해 프론트웹 (홈페이지 첫화면) 이 화면에 보이는것은 한겹의 레이어 층이 모니터에 출력중인 것이고, 팝업창이 활성화 되면, 프론트웹 위에 한겹의 레이어가 더 쌓이는 복층 구조로 팝업창 css 를 코딩하셨을 것으로 추정되며, 이때 메뉴쪽 z-index 설정값과 팝업창 z-index 설정값 충돌이나 absolute 여백으로 인하여 설계 오류 발생했을 가능성이 높습니다.
조치방법은 z-index 숫자 조정 또는 absolute 처리한 팝업창의 width, height 사이즈 조정으로 해결하실 수 있습니다.
답변감사드립니다. 아직 실력이 초짜로 더 노력해서 답을 찾아야할거같습니다.
