2008-12-6

SWFObject 2で配置したFlashコンテンツの下に、プルダウンメニューが隠れるのを解決

プルダウンメニュー(ドロップダウンメニュー? 階層メニュー?)のすぐ下にFlashを配置すると、プルダウンしたメニューがFlashの裏側に回ってしまい隠れてしまう。

MacのFirefox3やSafari3では問題なかったがが、Windowsだとどのブラウザーでも全滅。。。

表示するレイヤー順の問題だと思い検索して調べてみる。

FLASH PAPAさんの  FLASH(swf)の上にレイヤーの乗せる

Good Sleepさんの  Flash上にプルダウンメニューを重ねる

を参考にさせてもらうが、

so.addParam("wmode", "transparent");

を追加するのはSWFObject 1.5の場合で、SWFObject 2の場合では解決出来ない。

で、他にも探してみて、
八角研究所さんの  FlashをHTMLに貼るライブラリ swfobject 2 を使う

を参考にさせてもらい、以下のように記述すればWindowsでもドロップダウンメニューがFlashの上に表示されるようになりました。

<script type="text/javascript">
var flashvars = {};
var params = {wmode: "transparent"};
var attributes = {};
swfobject.embedSWF("movie.swf", "mymovie", "940", "300", "8","expressInstall.swf", flashvars, params, attributes);
</script>
▲TOP