youtube iframe上方的图片,是否可能？

Question

我有这个HTML:

<div class="frame" id="play">
    <img src="images/click.png" alt="facebook">
</div>
<div class="frame" id="maru">
    <iframe width="418" height="278"
        src="http://www.youtube.com/embed/hPzNl6NKAG0"
        frameborder="0" allowfullscreen>
    </iframe>
</div>

这个css:

.frame {
    width: 420px;
    height: 280px;
    position: absolute;
}

#play {z-index: 100}
#maru {z-index: 1}

为什么图片会在youtube视频下方显示？

Answer 1

简单...在ID视频后放置？wmode = opaque ....在IFRAME的src中...

例:

<iframe width="418" height="278"
src="http://www.youtube.com/embed/hPzNl6NKAG0?wmode=opaque"
frameborder="0" allowfullscreen>