このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Flashを背景に

この記事は最終更新日から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; を指定することによって、
背景として扱う事が可能です。

Related Article

LATEST NEWS

RANKING

ARCHIVE

SPONSOR

現在、掲載募集中です。



Links

現在、掲載募集中です。



About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。