Flashを背景に
2010.11.27
この記事は最終更新日から1年以上が経過しています。
通常、flashから生成された、swfファイルは
背景として扱うことは出来ないのですが、
次の方法で可能となります。
HTML
<div id="content"> <!-- ここにHTMLのページコンテンツ --> 上に表示させるコンテンツ </div> <div id="flash"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param name="movie" value="main.swf" /> <param name="wmode" value="transparent" /> <embed src="main.swf" wmode="transparent" type="application/x-shockwave-flash" /> </object> </div>
CSS
#content {
position: relative;
z-index: 1;
}
#flash {
position: absolute; /*#contentの後ろ側にwidth100%で配置*/
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: ○○px;
}
強引ではありますが、
<param name="wmode" value="transparent" />
と
<embed src="main.swf" wmode="transparent" type="application/x-shockwave-flash" />
部分に wmode=”transparent”を追加し、position: absolute; で z-index: 0; を指定することによって、
背景として扱う事が可能です。
