레이어 관련 질문
반월
프로젝트를 진행 하고 있는데요.
제품 검색 메뉴제품 검색메뉴레프트 메뉴내용생김 세가 이렇게 생겼는데요..
제품 검색 메뉴는 숨겨져 있다가 클릭하면 아래로 떨어 지게 되어 있고, 레프트메뉴 영역을 레이어로 잡았습니다.
제품검색 메뉴 div
div style=width:1018px; position:absolute; z-index:100
script
var locationTxt=Ltitle;
var property=swf=sub.swf, width=1018, height=288, wmode=transparent;
var flashvars=&Depth1=+Depth1+&Depth2=+Depth2+&locationTxt=+locationTxt+&;
FNflash_insert(property, flashvars);
/script
/div
레프트 메뉴 div
div style=position:absolute;z-index:0
p style=margin:144px 0px 0px 0px
script
var property=swf=nav_left.swf, width=149, height=679, wmode=transparent;
var flashvars=&Depth1=+Depth1+&Depth2=+Depth2+&Depth3=+Depth3+&;
FNflash_insert(property, flashvars);
/script
/p
/div
이렇게요. 그런데 제품검색 메뉴를 활성화를 시키고 난 후에 레프트 메뉴를 클릭하려 하면 제품검색과 레프트 메뉴의 레이어가 겹쳤던 부분이 클릭이 되질 않습니다. 어떻게 해야 문제 없이 제품 검색 메뉴가 활성화가 되고 . 레프트 메뉴가 제대로 작동할까요...ㅠㅠ 도저히 모르겠습니다. 많이 조언 부탁 드립니다.
-
이솔
z-index값을 스크립트로 제어해 주셔도 되고요. 음... 위에 덮이는 div 떄문에 아래쪽이 클릭이 안되는거거든요.
제품 검색 메뉴 div 플래시 object 에 style=\width:1018px; position:absolute; z-index:100\ 이라고 추가 해주시고 겉에 싸고 있는 div 삭제 해주심 ie 에서는 무리없이 작동할듯 싶습니다.
물론 FF 에서는 그래도 클릭 안됩니다 -_-;; -
은별
아...제가 질문에 대한 이해력이 많이 떨어져서.ㅠ.ㅠ 그냥 봐서 드는 생각은 제품검색메뉴 Div가 z-index값이 100이고, 레프트 메뉴 Div는 z-index값이 0이니까 겹쳐지는 부분에서는 z-index값이 큰 제품검색메뉴가 클릭될 수 밖에 없다는 생각이 드는데요;;