Adobe Lasyer(레이어)가 Flash(플래시) 밑으로 숨는것 해결방법
페이지 정보
본문
플래시 파일 위에 position이 absolute한 레이어를 두면
IE(익스플로러) 또는 FF(불여우)에서 플래시가 밑으로 가고 레이어가 올라옵니다.
<param name="wmode" value="transparent">를 추가 :: IE전용
<embed>에는 <embed wmode="transparent" 를 추가 :: FF전용
사용예)))
< 원본 >
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="259">
<param name="movie" value="flash.swf">
<param name="quality" value="high">
<embed src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="259"></embed>
</object>
< 수정후 >
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="259">
<param name="movie" value="flash.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed wmode="transparent" src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="259"></embed></object>
여기서 한가지더... 수정후의 모습에서 마지막 부분을 보면 원본과 다른 모습이 있습니다.
</embed>와 </object> 를 연결한 것입니다.
이것이 다음줄로 분해되는경우 (드림위버 등에서는 기본으로 다음줄에 배치) FireFOX에서는 플래시와 다음영역 사이에 한줄의 공백이 발생하게 됩니다.
익스플로러만을 위한 홈페이지 제작은 이제 하지 말아야 합니다... 표준을 지킵시다~~~
2006/09/05 추가
드림위버 8.02를 이용하는 경우 IE 6의 설계변경에 대한 자동으로 자바스크립트를 활용하므로 편리합니다.
그러나 이경우 아래의 코드를 추가로 삽입해주어야 오류를 방지할수 있습니다.
예를 들어 아래와 같이 코드가 생성되며 그중에서 앞쪽에 두개의 코드만 추가하시면 됩니다.
(사용전)
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia. .... (이하생략)
(사용후)
<script type="text/javascript">
AC_FL_RunContent( 'wmode','transparent','codebase','http://download.macromedia. .... (이하생략)
잊지말구 꼭 활용해보세요~~~
댓글목록
등록된 댓글이 없습니다.