flash와 z-index

 

 

Flash와 Z-Index

페이지 안에 Flash를 embed 테그를 이용하여 사용하는 경우 Z-Index가 상위인 녀석이 Flash위로 위치하게 되는 경우 잘난 Flash는 그 Z-Index를 무시해버리고 지가 최상위인 마냥 떳떳하게 최상단에서 뻔뻔하게 움직인다. 이 경우에는 wmode라는 속성을 사용해서 살포시 transparent라는 값을 설정해 주면 쥐죽은 듯이 지 위치를 알고 뒤편으로 숨어주신다. 물론 다음 코드로 IE, FF 둘다 문제 없이 표현 가능하다. 헌데 FF 1.5에서는 제대로 돌아줄지 의문…

 

<embed src=”flash.swf” play=”true” loop=”true”
quality=”high” wmode=”transparent” width=”560″ height=”420″
pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”></embed>

 

이 점 유의해서 사용해야 겠다. 아! 그리고 IE7에서 Flash가 동작하려면 한번의 클릭이 필요한데 이를 없애려면 DOM을 사용해서 embed테그를 생성해 주면 한번의 클릭이 없이도 바로 Flash가 돌아주신다. 이 점도 잊지말자.

 

 

출처 : http://baepower.wordpress.com/2007/02/22/flash%EC%99%80-z-index/