z-indexを指定してもIEだとYOUTUBEが最前線からどかない件

YOUTUBEの動画埋めこんで、その上に何らかの要素を配置したいときにz-indexで重なり関係を指定してもYOUTUBEが一番前に居座ってしまう。それを解消するにはwmodeというものを使う。

<iframe class="youtube_movie" width="860" height="519" src="//www.youtube.com/embed/PNL_ROKUr_Y?theme=light&autoplay=1" frameborder="0" allowfullscreen></iframe>

を

<iframe class="youtube_movie" width="860" height="519" src="//www.youtube.com/embed/PNL_ROKUr_Y?theme=light&autoplay=1&wmode=opaque" frameborder="0" allowfullscreen></iframe>

な感じに。