2008年6月 Archive

Flashの上に(X)HTMLを重ねる

「Flashの上に(X)HTMLを重ねたいんですけどー」という声がどこからか聞こえてきたので、ふとやってみました。

サンプルを開く(別ウィンドウ)

背景のFlashは、5枚の画像をランダムにフェードイン/アウトさせるだけのもの。上に重ねている(X)HTMLは、ただのol要素です。

ポイントは2つ。

  1. Flashと重ねたい要素を、CSSのz-indexで重ねる。
  2. Flashのwmodeをopaqueかtransparentにする。

wmodeがデフォルト値(normal)だと、Flashのz-indexが無視されて最前面をキープしてしまうので注意です。