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

[에드]

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

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

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

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

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

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

[dece24]

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 :
이 게시물도 분류를 잘못 찾아오신것 같네요. 아마도 '웹 표준화 프로젝트' 쪽이 그나마 가까운 분류에 해당될것 같습니다.