2011-08-04 8 views
0

이 HTML이 있습니다. 플래시 # div는 플래시 객체 (swfobjects) 용입니다. 콘텐트 div container2을 콘텐트 위에 놓고 싶습니다. 플래시 객체가 업데이트되고 다시 빌드 될 때 커튼처럼 사용자가 콘텐트를 클릭하지 못하도록합니다.내용의 컨테이너 div

//rest of html code 
<div id="container2"> 
<div id="flash1"></div> 
<div id="flash2"></div> 
<div id="flash3"></div> 
<div id="flash4"></div> 
</div> 
//rest of html code 

내가 이것을 달성하기 위해 플래시 div의 이상 절대 위치 지정된 DIV을 시도했지만이 jQuery를 함께 나는 이전 사업부에서 사용 slidetoggle 효과가 작동하지 않습니다 (이 페이지를 좁혀 이상한 폭의 행동을 가지고) 따라서 나는이 다른 접근법을 시도하기로 결정했으며, 이는보다 효율적인 것으로 보인다.
이것을 달성하는 방법에 대한 아이디어가 있습니까? 나는 주로 jQuery뿐만 아니라 엄격한 Javascript 나 다른 것에 대해서도 열려 있습니다.

+0

모든 div에 대해 Z- 색인을 추가하려고 했습니까? 이 트릭을해야합니다. position : conteiner2의 절대 값 (btw : 이름을 피하십시오!)과 z- 인덱스 : 100, 다른 모든 위치 : relative 및 z-index : 10 (z- 인덱스는 위치가 설정된 경우에만 작동합니다. 유일한 문제가 너비 인 경우 수동으로 설정하려고 했습니까? 어떤 브라우저에서 slidetoggle에 문제가 있습니까? 그것이 IE에 있다면, 그것은 잘 알려진 문제이며, 당신은 위치를 가져서는 안됩니다 : 절대적으로, 모든 순서 브라우저에서 작동합니다. 그러나 거기에 몇 가지 수정 사항이 있습니다. 예를 들어 높이 101 % 또는 확대/축소 1을 설정하는 조언이 있습니다. – mkk

+0

이미 플래시 div와 container2 모두에 Z- 색인이 추가되었습니다 (이 이름은 질문을 명확하게하기위한 것임) CSS 파일에서 첫 번째는 -1로, 첫 번째는 1로 설정합니다. 난 그냥 fadeIn 및 fadeOut jquery 함수를 사용하여 – Kaplan

+0

좋아, 당신은 인터넷 익스플로러 에서만이 문제가 있는지 여부 질문에 대답하지 않았다. 나는 최근에 slidetoggle과 동일한 문제를 겪었지만이 브라우저에서만 발생합니다. 몇 가지 해결 방법을 제안했지만 시도해 본지 확실하지 않았습니다. 여기에 [유용한 정보가 담긴 글] [인터넷 탐색기의 슬라이드] (http://www.ndoherty.biz/2007/09/jquery-slidetoggle-and-internet-explorer/)에 대한 글이 있습니다. 절대 위치를 flash1, flash2, flash3 등으로 설정하려고 시도 할 수 있으며 container2에서 제거 할 수 있습니다 ... 더 많은 작업이 필요하지만이 트릭을 수행해야합니다. – mkk

답변

0

나는 결국 mkk에서 제안한 해결 방법을 따른다. 이것은 slid div에 적용된 규칙을 완전히 삭제하고 방금 나를 위해 일한 것입니다.
간단하지만 효과적입니다.

0

위로 이동할 때 div를 삭제하십시오.
슬라이드를 아래로 내릴 때 div를 추가하십시오. 나를 위해

행운을 빕니다 =)

0

당신은 컨테이너 내부의 다른 사업부를 추가하고 플래시 OBJS 오버레이를 사용해야합니다. 컨테이너를 상대 위치 및 오버 플로우 : 숨김 상태로두고 div 자식을 사용하여 내용을 덮으십시오!

마르코

+0

이렇게하면 해당 div 높이 및 너비 값을 설정해야하며 이전 div 위로 슬라이드 때 페이지가 좁아집니다. – Kaplan

+0

이제 저는 제 맥을 떠납니다. 당신이 오늘 저녁 기다릴 수 있다면 나는 밖으로 시험 할 것이다! 안녕 – EmarJ

+0

글쎄, 월요일 이후로 더 이상 다치게하지 않을 것입니다. – Kaplan

관련 문제