リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ SWF(Flash)背景を透明にする方法

HTML

SWF(Flash)背景を透明にする方法

swfobject_2.1を利用してSWF(Flash)背景を透明にして埋め込むサンプル。

【サンプル】
写真はjpg画像、動くイラストはSWF(Flash)で、それぞれz-indexで重ねて配置

画像1

Flashコンテンツが表示できませんでした


【サンプルコード】


#box {
	height: 400px;
	width: 600px;
}
#pic {
	z-index: 1;
	position: absolute;
}
#swf {
	z-index: 2;
	position: relative;
	top: 100px;
	left: 150px;
}


<div id="box">
<img id="pic" src="pic1.jpg" alt="画像1" width="600" height="400" />
<!--#############################################Flashコンテンツ開始#############################################-->
<div id="swf">
<script type="text/javascript">swfobject.registerObject("myswf1", "9.0.0");</script><!--IDとFlashPlayerVer-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="300" id="myswf1"><!--サイズとID-->
<param name="movie" value="sample.swf" /><!--○○○.swf-->
<param name="wmode" value="transparent"/><!--Flash背景色 透明-->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="sample.swf" width="300" height="300"><!--○○○.swfとサイズ-->
<param name="wmode" value="transparent"/><!--Flash背景色 透明-->
<!--<![endif]-->
<p>Flashコンテンツが表示できませんでした</p><!--代替コンテンツ-->
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!--#############################################Flashコンテンツ終了#############################################-->
</div>

swfobjectについては下記リンクを参照のこと。


【参考】フルフラッシュ(100%)で背景を透明にする場合

params.bgcolor = "";<!--Flash背景色を使用 ※変更例"#FFFFFF"-->
の部分を
params.wmode :"transparent";<!--Flash背景色 透明-->
に変更すればよいと思われる(未確認)
last update 2009.12.21
参考・出典等
Riptac Flash(swf)ファイルを組み込む方法その2
Riptac Flash(swf)ファイルを組み込む方法その3
xingxx [embed]swfobjectでSWFの背景を透過する[Javascript]

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2009 Riptac. All Rights Reserved.