HTML 팝업 메뉴가 기본 메뉴 때문에 선택이 안될 때 우선순위 정하는법.

profile
달소

 

안녕하세요 달소입니다.

 

올리고당 님께서 제보해주신 1차메뉴가 하단 메뉴에 겹쳐서 클릭이 안되는문제에 대해 지인에게 문의해보니

Z-index문제라고합니다.

 

기본적으로 z-index의 숫자가 높을수록 가장 상단에 우선배치되며 숫자가 낮을수록 하단 배치됩니다.

예전 문서나 PPT작업할때 이미지를 여러개 겹쳐놓았을때 최상단,하단, 이렇게 겹쳐지는순위를 매긴다고 보시면됩니다.

 

image.png.jpg

 

 

 

해결방법

CSS에 z-index 값을 추가해주면됩니다.

image.png.jpg

 

 

변경 후

 

image.png.jpg

 

다시한번 제보 감사드립니다 ㅎㅎ

서버포럼 관리자입니다.!

서버포럼은 홈서버로 운영중이며 아래와같은 시스템으로 운영됩니다.

 

메인서버 - Ryzen 5700G / Proxmox 7.2 / Ubuntu / Xpenology / 기타 VM 등등

보조서버 - Intel i9-9900ES(QQC0) / H370M / Proxmox 7.1 / 아직개발용서버로 사용중
백업서버 - 타오나스 A형(?) / DS918+ 6.2.3 / 메인서버 VM 백업용

 

하드웨어,가상화 등등 여러 IT분야에 관심이 두루두루많습니다만 깊게알고있는건 없습니다 하하하

 

 

적용중인 도장이 없습니다.

* 가입일 : 2020-12-24
* 총 게시글 수 : 5068
* 총 댓글 수 : 14905
* 추천받은 게시글 개수 : 2075
* 추천받은 댓글 개수 : 2521
댓글
0
댓글 쓰기
권한이 없습니다.