자바스크립트 메뉴가 그림에 가려집니다.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
에드

자바스크립트 메뉴가 그림에 가려집니다.

게시물 작성자 에드 » 2007 02 12 15:52 25

http://pds4.egloos.com/pmf/200702/12/97 ... 371641.gif

자바스크립트로 메인메뉴에 마우스를 갖다대면 하위메뉴가 뜨도록 했습니다.

그런데 유독 그림과 같이 갤러리의 그림에만 메뉴가 가려집니다.

상단의 메뉴가 맨 위로 나오도록 하려면 어떻게해야 하나요?

z-index는 레이어에만 쓸 수 있는것인지 제가 잘 사용을 못한 것인지 궁금합니다.

게시판은 그누보드4를 이용했습니다.

dece24
서포터즈
서포터즈
게시물: 83
참여됨: 2006 05 04 02:44 45
위치: 대전
연락:

메뉴의 z-index 를 높여주세요.

게시물 작성자 dece24 » 2007 02 12 17:15 10

z-index 는 position 속성의 값이 relative, absolute, fixed 일때 적용할 수 있습니다.
즉, 다른 상자와 겹칠 가능성이 있는 상자에 적용할 수 있다고 생각하시면 됩니다.

따라서 position 속성이 사용되지 않은 상태(또는 position:static)라면 z-index는 무시됩니다.

메뉴 영역을 둘러싸고 있는 요소의 z-index를 사진 이미지의 z-index보다 높여 주세요.
z-index 는 숫자가 높을수록 위에 포개어 집니다.

또한 z-index는 99이하여야 하고 100을 초과하지 않는 것이 좋습니다. 그런 경우 어떤 웹 브라우저에서는 인식하지 못 할 수도 있는 것으로 알고 있습니다.(이 내용은 어디서 보거나 직접 경험했던일 같은데 지금 정확히 기억이 안나네요 ㅡㅡ;) 즉, 메뉴를 제일 위에 보이려면 z-index:99 라고 한번 시도해 보세요.

PS :
이 게시물도 분류를 잘못 찾아오신것 같네요. 아마도 '웹 표준화 프로젝트' 쪽이 그나마 가까운 분류에 해당될것 같습니다.
Blog : http://naradesign.net/
MSN : dece24앳hotmail.com
NateOn : dece24kr앳nate.com

댓글 게시

누군가 접속

유저가 이 포럼을 탐색중: 가입된 유저 없음 그리고 1 손님