플래시(FLASH)에 div띄우기 - z-index정도만 주의하면 문제없음. 샘플파일 첨부

오늘 쓸 html/css글은 플래시위에 코드를 올리는, 즉 div를 비롯한 객체나 인라인요소들을 띄우는 방법이다.

 

 

 

 

자주 있는 일은 아니지만 간혹, 플래위에 버튼든 이미지든 무언가를 올려야 할때가 발생하기도 한다.

 

그때 내가 해결했던 방법이다.

 

일단 html 소스를 적어보겠다.

 

주석구분을 해두었으니 보기 어렵진 않을 듯...

 

 

<!--띄우기 -->

<div style="position:absolute;visibility: visible;border:1px solid red; left:20; top:20;z-index:1;">
<img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif">
</div>

<!-- //띄우기 -->

 

<!-- 플래시 -->

<div style="border:1px solid blue;width:200px;height:200px;">
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' wmode='transparent' width='200' height='200'>
<param name='movie' value='플래시 경로'>
<param name='quality' value='high'>
<param name='wmode' value='transparent'>
<embed src='플래시 경로' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' wmode='transparent' width='200' height='200'>
</embed>
</object>
</div>

<!-- //플래시 -->

 

샘플 :ONflash.html

 

포지션앱솔루트 position:absolute 를 써주면 어지간한건 다 띄워진다.

 

div위에 div를 올리는건 물론, 테이블위에 테이블, 스팬위에 스팬 띄우기도 다 된다.

 

단 너무 자주 남발하면 좋지는 않다.

 

완벽히 틀어짐 없이 짜여진 틀안에서 요소를 위해 absolute를 쓰는건 경험 상 큰 무리가 없었다.

 

사용할 때 z-index의 노출순위(?)조정만 잘해주면 OK.

 

첨부된 샘플에 따라 응용하길.