1

iframeの上にdivを配置するためのコードがありますが、これは機能します。ただし、iframe の src を youtube/vimeo プレーヤーに設定すると、クロムでは iframe が一番上に表示されたままになります (サファリと FF では正常に動作します)。

これを修正する方法はありますか？CSS:

#over{
    float: left;
    margin-top: -293px;
    margin-left: 185px;
    background-color: #FF0000;
    height: 30px;
}
iframe{
    float: left;
    width: 100%;
    height: 550px;
}

HTML:

<div>
  <iframe src="http://player.vimeo.com/video/67124108?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;wmode=transparent">
    You don't have iframe support, unfortunately
  </iframe>
  <div id="over">I'm over the iframe</div>
</div>

[こちらの作品で見ることができます：http://jsfiddle.net/QPXAT/ ]

4

3 に答える 3

2

を追加しようとしたときにz-index、配置を指定しましたか? z-index配置された要素でのみ機能します。だから私position: relativeは両方に追加しました。これはあなたが目指していた効果ですか？

http://jsfiddle.net/QPXAT/1/

于 2013-06-10T15:16:03.270 に答える