web-conte.com | blue | Lightbox JS v2.0 と Flash

web-conte.comでも画像の拡大表示時に使っている「Lightbox JS v2.0」。これ、ページ内にFlashが同居していると厄介なのである。自分のサイト（ここ）だとそもそもFlashを置いていないから気づきにくい問題なのだが、先日あるサイトを作っていてこのことに気づいた。Flashオブジェクトは z-indexなどの指定を無視し、基本的にドキュメントの最前面にあるように表示されてしまうため、Flashだけは背景に追いやられず、Lightboxで拡大表示させた画像のさらに手前に出てきてしまう。 このことの解決策はひとまずあって、たとえば「小粋空間: Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す」などの解説が丁寧だ。要は、Flashを埋め込む際の記述のひとつに「背景を透過する」という命令にあたるものがあって、それを書き加えてやればいい。

[qoozy]

AC_RunActiveContent.jsを使っているフラッシュFlashの上に文字や画像を重ねたい かぶせたい z-index したい場合の対処法。引数に'wmode','transparent'を追加するだけ！

[kuracom]

Flashの上にかぶる場合の対処法

[suttang]

みてないけどあとみ

[misaquo]

問題が解決しました。ありがとうございます。

[hiro_y]

Flashが手前に表示される問題の解消、Safari対策。

[youpy]

サムネイルがクリックされた時点で Flash を含む div要素を非表示にする

[shouchida]

document.getElementById("flash").style.visibility = "hidden";

[yanwari]

flashにdivを重ねるとき

[zugozugo]

lightbox[FLASHが手前になる問題解消例]

[switchblade]

Lightbox JS とFlashを併用した際にFLASHが画像の上にレイヤーに表示されてしまったりする場合の回避方法