LightWindowなどがSWFのレイヤーに勝てない問題を回避

何を今さら感はあるかもしれませんが、たまたまLightwindowを触ってて、同一画面上で表示しようとしても、FLASHムービーなどがあるとその後ろに隠れちゃうのをなんとかしたいなあと思ってたら、なるほどってなエントリーが多々あったので感謝を込めてメモしておきます。

swfとフローティングレイヤーの重なり順（Flash&JavaScriptの小技）

Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す

SWFObjectのドキュメントを日本語に翻訳してみたよ


基本的にはwmodeでtransparentを指定すれば回避できるようです。

objectタグに <param name="wmode" value="transparent" />を追加し、 embedタグ内にwmode="transparent"を追加。

自分の場合、FLASHムービーの表示にはほとんどSWFObjectを使っちゃうのですが、その場合はSWFを呼び出すスクリプトを記述する部分に

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

のパラメータを追加すればよさそう。

毎回パラメータを追加するのが面倒なら、swfobject.jsに直接記述するのもありだと思います。
embedタグを吐き出すあたりにある

_19+=" id=""+this.getAttribute("id")+"" name=""+this.getAttribute("id")+"" ";

を

_19+=" id=""+this.getAttribute("id")+"" name=""+this.getAttribute("id")+"" wmode="transparent" ";

に変更し、objectタグを吐き出すあたりに

_19+="<param name="wmode" value="transparent" />";
を追加。

とりあえずIE6でも以上の修正で正常表示されるようになりました。