js메뉴를 사용중인데요, 특정페이지에서 메뉴가 제대로 보여지지 않습니다. 정보
js메뉴를 사용중인데요, 특정페이지에서 메뉴가 제대로 보여지지 않습니다.본문
uft8버전ㅇ에 DTD선언해서 사용중입니다.
게시판등에서는 제대로 게시물위에 하위메뉴가 뿌려집니다.
그런데 문제는 메인입니다.
그림과 같이 하위메뉴가 최신글을 모아둔 부분에서는 최신글 위가 아닌 아래부분에 위치합니다.
참으로 나감한 상황이 아닐수가 없는데요.
혹시 해결책을 아시는분이 계신가요?
딱히 다른소스를 추가한것도 없고요.
그냥 테이블에 각각의 최신글을 넣어준 상황입니다.
왼쪽에 위치한 로그인부분에서는 제대로 보여지고요.
조언 부탁드립니다.
감사합니다.
댓글 전체
z-index 부분 인것 같은데요...
메뉴 영역은 다른 영역보다 z-index 값이 커야 하거든요.
<div></div>
<div></div> < 나중에 생긴 태그는 위에 태그보다 z-index 값이 크거든요
그림으로 표현해 드리면 이해가 더 빠르실것 같은데요...
반면에
<div style="position:absolute; backgorund-color:#ffffff; left:0; top:0; z-index:6; width:100px; height:100px;"></div>
<div style="pozition:absolute; background-color:#ffffff; left:50px; top:50px; z-index:5; width:100px; height:100px;"></div>
이렇게 설정을 하면 위에 태그가 밑에 태그의 위로 출력이 됩니다.
html 파일 만드셔서 테스트 해보세요 z-index 값 변경해보시고 테스트 해보시면 이해 하실수 있으실 거에요
메뉴 영역은 다른 영역보다 z-index 값이 커야 하거든요.
<div></div>
<div></div> < 나중에 생긴 태그는 위에 태그보다 z-index 값이 크거든요
그림으로 표현해 드리면 이해가 더 빠르실것 같은데요...
반면에
<div style="position:absolute; backgorund-color:#ffffff; left:0; top:0; z-index:6; width:100px; height:100px;"></div>
<div style="pozition:absolute; background-color:#ffffff; left:50px; top:50px; z-index:5; width:100px; height:100px;"></div>
이렇게 설정을 하면 위에 태그가 밑에 태그의 위로 출력이 됩니다.
html 파일 만드셔서 테스트 해보세요 z-index 값 변경해보시고 테스트 해보시면 이해 하실수 있으실 거에요
아하 z-index를 하지 않아도 다른곳에서는 상위에 올라가기에 큰 문제가 없는 줄 알았습니다.
이러면 절대가운데로 이동을 시켜야 하겠네요.
작살님의 구체적인 답변도 감사드립니다.
이러면 절대가운데로 이동을 시켜야 하겠네요.
작살님의 구체적인 답변도 감사드립니다.
z-index: 100; 으로 줘보세요