1

私はvimeoビデオの上にdivをフロートさせようとしています。これは非常に簡単だと思いましたが、そうではないようです。これがhtmlです:

<div id="wrap">
<iframe id="video" src="http://player.vimeo.com/video/15888399" width="100%" height="100%" wmode="transparent" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

ここでもjsフィドル:http://jsfiddle.net/wfX55/ 見たように、私はこのテクニック
を試しましたが、うまくいかないようです。wmode="transparent"vimeoビデオの上にdivをフロートさせることは可能ですか?

4

3 に答える 3

4

あなたはで使用する必要がありz-indexますposition: absolute or relative;

フィドル

于 2013-02-20T22:42:04.247 に答える
1

あなたのdivはあなたのビデオの親であり、したがってそれの「下」にあります。ビデオの上にdivをフロートさせたい場合は、次のようなものを使用したほうがよいでしょう。

<div class="parent">
<iframe></iframe>
<div class="floatedDiv"></div>
</div>

with this css

.parent{position:relative;}
iframe{position: relative;}
.floatedDiv{position: absolute; z-index: 2;}

また、フラッシュオブジェクトのwmodeを設定する必要があります

于 2013-02-20T22:42:26.400 に答える
0

z-index'ingに関して少し混乱しているようです。これを試して...

<style>
#wrap {
    position: relative;
    width: 400px;
    height: 250px;
    background-color: silver;
}

#video {
    position: absolute;
    z-index: 99999;
}
</style>
<div id="wrap">
<div class="video">Something here I guess</div>
<iframe id="video" src="http://player.vimeo.com/video/15888399" width="100%" height="100%" wmode="transparent" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>
</iframe>
</div>
于 2013-02-20T22:50:08.010 に答える