[CSS] Youtube動画のz-indexが効かない場合の対処法

それはjQueryプラグインのthickboxを利用して、lightboxのような表示方法でテキストウィンドウを表示させた時に問題が起きた。

lightbox特有の半透明の黒い背景の上にYoutube動画がクッキリ表示されているではないか。

cssのz-indexプロパティを利用して、レイヤの順番を下げようとしたがちっとも効果がない。

まるで目立ちたがり屋さんのように、何をやっても最前面に出てくるのだ。

で、参考にしたのがこちらのサイト。

http://blogs.yahoo.co.jp/alaya_wave/62726905.html

どうやらwmode=transparentという文字列を加えてあげないとだめみたいだ。

Leave a Response