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; を指定することによって、
背景として扱う事が可能です。