flashがz-indexを無視して上に載ってしまうのを直す方法

最近めっきりflashを使うことは無くなっていたのですが、時々分からなくなる「flashがz-indexを無視して上に載ってしまう」のを直す方法。忘れないようにメモしておきます。

確認環境

  • FlashCS5.5で書き出したswfデータ
  • IE6+、FF、Safari、Chromeで確認(Win/Mac)

コード

最近のflashから書き出すコードはなんかすっきりして見やすくなっていました。コードは以下。

“`<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="xxx" height="xxx" id="top" align="middle">
<param name="movie" value="ファイル名.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!–[if !IE]>–>
<object type="application/x-shockwave-flash" data="top.swf" width="xxx" height="xxx">
<param name="movie" value="ファイル名.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!–<![endif]–>
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>“`

コードのポイント

この中で、ポイントは以下の箇所(2箇所あります)普通に書き出すと、

“`<param name="wmode" value="window" />“`

というコードになっているので、それを以下のように修正します。(2箇所あります)

“`<param name="wmode" value="transparent" />“`

あとは、念のため、被さって欲しくない要素のz-indexを大きめの数値にしておくといいでしょう。