jquery.droppy.jsなどのドロップダウンメニュー(プルダウンメニュー)の下にFlashを配置すると、プルダウンメニューがFlashの裏側に表示されてしまう。
CSSでFlashコンテンツにz-indexで優先順位を指定しても無視されてしまう。
その解決方法を記載します。
以下のように記載します。
so.addParam(“wmode”, “transparent”);が肝のようです。
[javascript]
<script type="text/javascript">
var flashvars = {};
var params = {wmode: "transparent"};
var attributes = {};
swfobject.embedSWF("movie.swf", "flash", "950", "350", "10.0.0", false, flashvars, params, attributes);
so.addParam("wmode", "transparent");
</script>
[/javascript]
上記のソース例では「swfobject.embedSWF(“movie.swf”, “flash”, “950”, “350”, “10.0.0”, false, flashvars, params, attributes);」と記載していますが、SWFObject内のパラメータは環境に合わせて書き換えてください。
swfobject.embedSWFパラメータを変更する箇所
例：swfobject.embedSWF(“movie.swf”, “flash”, “950”, “350”, “10.0.0”, false, flashvars, params, attributes);
・movie.swf→swfファイルがアップロードされている箇所を指定
・flash→任意のID名にしたい場合変更
・950→Flashの横幅
・350→Flashの高さ
・10.0.0→flash playerの対応バージョン
結構試行錯誤しました。