Flashに重なってしまい隠れるのを防ぐ([Youtube]iframe編)

lightboxなどの浮き上がる拡大画像や、
 
弊社のQgent等の表示の場合、Flashなどのイメージと重なってしまい、表示が隠れてしまうことが多々あると思います。
Youtubeの動画も同じ!
 
そんなときのYoutubeの動画をiframeで貼りつけた際の、重なりの回避方法を紹介!

解決方法

貼り付け用iframeタグののURLに ?wmode=transparent を追加するだけです
 
例)

<iframe width="560" height="315" src="http://www.youtube.com/embed/l9PyFcNvhog?wmode=transparent" frameborder="0" allowfullscreen></iframe>

 
上記のようにするだけ!!簡単ですね。
 
下記のように解決できます!
 

 

無料PDFダウンロード