技術資料らしきものJavaScript−FLASHの上に画像(レイヤー)を置きたい

ヘッダメニュー等がプルダウンメニューだったりする場合とか

なんかFLASHのレイヤーが強制的に一番上になっちゃうので、ヘッダメニューがプルダウンの場合、真下にFLASHがあったりする場合に、プルダウンメニューが出なくって、仕方なくFLASHにメニューを含めたりプルダウンメニューをやめたり、なんて方もいるのではないでしょうか?

企業サイトなんかだと、ヘッダメニュー直下にFLASHイメージがあるトップページとか多いですよね?
まあいちいちFLASHうっとおしいからやめれば?とかプルダウン使いづらいからやめれば?とかいう不毛な話はさておき、解決方法があればそれに越したことは無いのではないでしょうか??


早速サンプル

サンプルとはいえ適当なFLASHだなー。

方法

swfを書き出す<object>タグの中身に、

<param name="wmode" value="transparent" />

というパラメータを追加して、あとは実際上にのっかるサブメニューのスタイルで
z-index
をFLASHの要素より大きくしてあげればOKOKっぽいです。

ちなみに私はFLASH埋め込みに
AC_RunActiveContent.js
を使わせて頂いているのですが、
AC_FL_RunContent の関数の引数が可変になっており(引数2つで1セット)、パラメータと値を渡せるようなので、

, 'wmode', 'transparent'

を追加してあげればOKOK。

JavaScript関連リンク

サイト

Binbo-Special > 技術情報らしきもの > JavaScript
当サイトです。
OPEN SPACE様
様々な情報がありますが、javascript関連のリファレンスも充実しています。
JQUERY日本語リファレンス
jQueryに関するリファレンスサイト。見やすい!です。

書籍

Prototype & script.aculo.us JavaScriptライブラリによるAjaxアプリケーション開発
読み途中ですが、なかなか面白いです。
jQueryで作る Ajaxアプリケーション
jQueryに興味を持ったら読んでみるのも吉。

2007/11/05

▲一番上へ