在html中定位一個div上的iframe

我正在努力如何在 html標記之上定位<div>。在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; 
}

來源

2013-10-17 bobbyjones

你用這段代碼得到了什麼結果？ – geevee

你可以展示你到目前爲止的CSS嗎？ – Flux

嗨，ive添加css – bobbyjones

.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; 
}

只要改變border-width時爲0px你將所有東西都定位在你的位置要他們。

來源

2013-10-17 10:27:45

給CSS像這樣

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 
}

來源

2013-10-17 11:51:56

我一個類添加到<td>然後給那個position: relative。然後，我只是將.description和iframe定位在那裏。如果你能給我一個例子iframe我將JS爲你提供幫助

來源

2015-07-12 21:30:20

在html中定位一個div上的iframe

回答

相關問題