埋め込みYoutubeがposition:absoluteしたコンテンツより上にきてしまう時の対処法

Mar 29, 2012

このブログは、固定ヘッダー(一番うえの黒いやつ)なのですが、(2012年3月時点)
ブログ記事内にYoutubeを埋め込むと、どうしてもYoutubeの方が上にきてしまって困っていました。
CSSでheaderにz-index:999999999999999999としてもダメでした。

いい方法はないものか、とググっていたら、見つけました、解決法!!

参考:
WebTecNote – YouTubeのiframe版埋め込みコードでもwmodeを有効にする

方法は簡単。埋め込みYoutubeの、
src=から始まるURLの最後に、
?wmode=transparent
を付け足すだけです。簡単!

固定ヘッダーやLightBoxと埋め込みYoutubeを共存させたい方は、
使えるテクニックだと思います。ぜひ。

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

生まれて初めて、だるまをもらった