FLASHとレイヤーの重なり順の指定方法

by ·

通常、FLASHのswfの前面にレイヤーを配置しても、実際にはFLASHの後に隠れてしまう現象が発生する。
例えばFLASHコンテンツの上部にHTMLでプルダウンメニューを作成した場合など、表示されたレイヤーがFLASHの後に隠れてしまうのだ。
これを回避する方法を覚書。 swfを配置している領域と前面配置の領域に適切な z-index を指定する。

例えばswfには、
#flash{
   z-index: -1;
}

前面のレイヤーには、
#myMenu{
    z-index: 9999;
}

など、

swf配置のパラメータには wmode=transparent を指定する。

実際の記述方法はAC_RunActiveContent.jsを使用した場合 、

—–
“quality”,”high”, “src”,”general_head”, “pluginspage”,”http://www.macromedia.com/go/getflashplayer”, “type”,”application/x-shockwave-flash”, “wmode”,”transparent”)

embedタグの場合、

< embed pluginspage=”http://www.macromedia.com/go/getflashplayer” src=”general_head.swf” width=”654″ height=”383″ type=”application/x-shockwave-flash” wmode=”transparent” quality=”high” /> 

おすすめ