div 와 플래시에 관하여 좀 질문좀 드립니다. ^^
솔잎
#div_01 { position:absolute; top:100px; width:880px; height:80px; z-index:2; }
#div_02 { position:absolute; top:140px; width:880px; height:40px; z-index:1; }
똑같은 div가 있습니다.
보시면 아시겠지만
이렇게 해 놓았을시div_01에는 플래시 메뉴가들어간다고 치면 .. z-index:2 이니깐 ..
div_02보다 상위로 가있겠죠 .. div 에는 텍스트 메뉴를 넣습니다.
보시면 아시겠지만 상단에서 거리는 틀리지만 .. 끝은 똑같습니다. top값과 height 값을
보시면 아실겁니다.
그럼 여기서 문제는 여기서 div_01는 플래시 메뉴를 .. 세로 전체 크기를 80으로 주고 ..
처음 시작은 40만큼 마우스를 올렸을 경우 40만큼 밑으로더 늘어나게 처리를 했고
일반 메뉴들이 이런식으로 많이 하죠 ^^;; 백 그라운드를 안보이게
처리를 해놓았습니다.
그렇게 되면 익스플로에서는 백그라운드를 투명처리 하였기에 마우스 올리기 전에는
div2의 텍스트 메뉴가 보이고 클릭도 됩니다. 플래시 메뉴에 마우스를 올리게 되면
div2의 텍스트 메뉴를 가리면서 플래시 메뉴가 나오게 됩니다.
하지만 문제는 파이어폭스가 문제 인데요 ..
익스에서는 백그라운드를 투명으로 먹이게 되면 .. 뒤에는 영향을 안받기 때문에 뒤에는 ..
아예 없는걸로 인식을 하지만 문제는 .. 파이어 폭스에서는 아예 전체 크기를 인식을 하기
때문에 애초부터 80으로 백그라운드는 투명이 되지만 .. 플래시로 인식을 한다는 거죠 ..
즉 마우스를 올리지 않았음에도 div2의 텍스트 영역은 투명처리 하여 보이지만 ..
div2의 텍스트 영역은 클릭이 안된다는 문제가 발생을 합니다. 플래시 크기 때문에 ..
다들 이런 경험 있으실 텐데요 .. 아예 무시를 하는 경우도 있고 div와 플래시로스크립트를
call 하여 컨크롤 하는 경우도 있던데 ..
대부분 어떻게 처리 하시나요 ?
노하우좀 ^^;; 위같은 상황에서 간단히 처리 할 수 있는 방법이 있나요 ?
다 뒤져봐도 거의 방법이 안나오더라구요 ..
-
핫자두
저도 수다님처럼하긴하는데-..-
-
차오름
1. 플래시가 들어간 레이어의 값을 40을 주시고 서로 겹치는 부분이 없게 하구.. overflow:hiden;잡으시구..
2. 플래시가 들어간 레이어에 마우스가 오버됬을시 스크립트 사용으로 플래시를 감싼 레이어의 높이값이 80이되구
3. 마우스가 플래시레이어으 영역을 벗어날경우 높이값이 40으로 변하면...
되지 않을까요 ...
뭐....짧은 소견입니다...