blog | SevenStyleWeb

ちょっとテスト事項として、

HTMLファイルに埋め込まれているswfファイルの上にimgタグなどの画像をのせたい。

というものを行ってみた。
ちなみに、swfファイルは、<embed>タグでよみこんでる。とする。
そのまま、例えば、CSSなどで、

embed{z-index:1;}

ってして、該当imgをそれより上にすれば・・・と思ってみたが、案の定そうはカンタンにはいかない。

色々調べてみると、
http://oshiete1.goo.ne.jp/qa3134334.html
などの記事で「なかなかできんよーそれは。」と書いてあるものが引っかかる。うーむ。中々難しいんじゃの～。と思いながらクドクド探していると、

見つかった。
http://staff.ark-web.jp/~takemura/public/pukiwiki/27.html

なんと、embedタグにとある値を設定してやるといいとな。
それは・・・それは・・・それは・・なんと！

wmode="transparent"

・・・。
なんじゃこれ。しらん。よーわからん。しかもembed自体はCSSでどうこう値を設定できるもんじゃないので、直接書き込むしかない。

んで、書き込んでみたら・・・
あらーできたじゃない。すばらしい。ちなみに、今回はswfobjectを利用していたので、javascriptのほうから書き込む形となったけど、うまくいった。ひとつの手として使えるぜこれは。

という情報でございました。