Flashよりも前面にポップアップを表示する

JavaScriptでポップアップを表示する時(Lightboxとかページ内でポップするやつ)にflashの上に表示しようとすると なぜかflashの背面に表示されてしまうことがあるので解決方法のメモ。 (Greasemonkeyスクリプト書いてるときに少し詰まった。)
一つ目の方法 Flushの前面にページの領域を表示する – Ulmhaftで紹介されているように cssでポップアップする領域(divとか)を

position:fixed;
overflow:auto;

とすればflashより前面に表示されるみたいです。
二つ目の方法 こちらはflashの表示タグに変更を加える方法 参考web-conte.com | blue | Lightbox JS v2.0 と Flash

<!-- object要素内に下記を追加 -->
<param name="wmode" value="transparent" />
<!-- embed要素に下記の属性を追加 -->
wmode="transparent"

のようにembedタグに要素を加えるとflashより上に表示できる。 javascriptなら addParam(“wmode”, “transparent”); しかし、この方法はflash内のテキストフィールドに日本語を打てなくなるとういう欠点があります。

wmode を transparent に設定した際の注意点 他にいい方法はあるのかな?
後は考えられるのはflashをdivなどのコンテナで囲んで、表示非表示を切り替える方法。
この方法は毎回flashの再生がスタート地点に戻るので使いづらいかも。

Related posts:

  1. 高機能なスクラップソフトウェア&Webサービス「Evernote」
  2. 動画がカクカクになるのでFlash Player 10.1からダウングレード
  3. 選択行を上下に移動させるEmeditorマクロ
  4. Firebug コマンドラインのフォントを変更とDOM Inspectorの使い方
  5. Post Now browsing to TwitterをOAuth認証に対応しました

  • http://www.yasui-kamo.com/ kamo

    Flashの後ろに回りこんでしまう解決策は大変参考になりました。
    ありがとうございました。

プロフィール: azu(アズ)
Firefoxの事やソフトウェアの紹介や使い道、Greasemonkeyの作成
  • OS:Windows Vista, 7
  • ブラウザ:Firefox
  • Twitterのアカウントはこちら
  • azu_re
  • メールアドレス(Twitterの方が確実)
  • info@ドメイン名
リンク

WebMoney ぷちカンパ