positionner un div au-dessus d'un iframe en html

Question

J'ai du mal à positionner un <div> au-dessus d'un tag html .

J'ai donc cette iframe avec une vidéo dedans. J'ai créé un <div> qui contient la description de la vid et je veux que div soit placé au-dessus de la vidéo/iframe.

Je ne suis pas sûr, comment bien configurer sur CSS.

Aussi le joueur que je utilise est un type="application/x-google-vlc-plugin"

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

[modifier]

c'est mon css

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

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

Answer 1

.description { 
height:300px; 
width:400px; 
position:absolute; 
top:0px; 
left:0px; 
z-index:10; 
border-style:solid; 
border-width:1px; 
border-color:black; 
} 

iframe { 
height:300px; 
width:400px; 
position:absolute; 
top:0px; 
left:0px; 
z-index:1; 
border-style:solid; 
border-width:1px; 
border-color:black; 
} 

Il suffit de changer border-width à 0px quand vous obtenez tout ce qui est positionné où vous je les veux.

Answer 2

CSS Give Vous aimez cette

iframe { 
    width:480px; 
    height:300px; 
    overflow:hidden; 
    border:0; 
    position:relative; 

} 

.description { 
    position:absolute; 
    z-index:999; 
    width:480px; 
    height:300px 
    top:0; 
    left:0 
} 

Answer 3

Je rajouterais une classe à la <td> alors que donner position: relative. Ensuite, je voudrais absolument positionner à la fois le .description et iframe à l'intérieur de cela. Si vous pouvez me donner un exemple iframe je vais JSFiddle pour vous