html - HTMLのiframeの上にdivを配置する

Question

HTMLタグ<div>の上に配置する方法に苦労しています。<iframe>

だから私はこのiframeにビデオを入れています。<div>vid の説明を保持するを作成しました。その div をビデオ/iframe の上に配置したいと考えています。

CSSで適切に設定する方法がわかりません。

また、私が使用しているプレーヤーはtype="application/x-google-vlc-plugin"

...
<td>
    <div class="description"><h1>Title</h1></div>
    <iframe src="video.html" allowtransparency="yes"></iframe>
</td>
...

[編集]

これは私のcssです

iframe { 
    width:480px; 
    height:300px;
    overflow:hidden; 
    border:0; 
    position:absolute; 
    z-index:-1; 
}

.description {
    position:absolute;
    z-index:999;
}

Answer 1

にクラスを追加してから、<td>それを与えposition: relativeます。.description次に、その中にとの両方を絶対に配置iframeします。あなたが私に例を与えることができれば、私はiframeあなたのためにそれをJSFiddleします