2012-07-16 38 views
3

我想放置一個圖像在我的iframe下,但我拼湊了一些代碼,它看起來並不完全正確。 iframe包含文本並具有透明背景。你能幫我嗎?謝謝,如何在圖片上放置iframe?

<td width="216" style="position: relative;"> 
<img src="http://southwestarkansasradio.com/images/onair995.jpg"></a><br> 
<img src="http://southwestarkansasradio.com/images/playerbackground.jpg" style="z-index: -1"/> 
<div style="absolute;left:0px;top:0px;font-size: 32px;display: none"> 
    <iframe name="I1" width="316" height="216" src="http://southwestarkansasradio.com /NowPlaying.html" border="0" frameborder="0" allowTransparency="true"> 
Your browser does not support inline frames.</iframe> 

</div> 
</td> 
+0

使用單獨的CSS文件移動所有對象。從長遠來看,這將容易得多。 – 2012-07-16 16:19:55

回答

2
<img src="http://southwestarkansasradio.com/images/onair995.jpg"></a><br> 
<img src="http://southwestarkansasradio.com/images/playerbackground.jpg" style="z-index: -1"/> 
<div style="position:absolute;left:0px;top:0px;font-size: 32px"> 
    <iframe width="316" height="216" src="http://southwestarkansasradio.com/NowPlaying.html" border="0" frameborder="0" allowTransparency="true"> 
     Your browser does not support inline frames.</iframe> 
</div> 

您有:在包含iframe的div標籤 '顯示無'。我測試了上面的代碼,它的工作原理就像你已經解釋過的那樣。

+0

如果您想將iframe向下移動一下以適應圖片而不是橫幅,只需添加'margin-top:40px;'或者圖片將iframe向下移動的像素數量。將此添加到包含iframe的div標籤的style屬性中。 – 2012-07-16 16:25:15

+0

謝謝,我認爲這個問題也是缺失的「立場:」......現在要對齊它。 – user1330148 2012-07-16 16:26:32

+0

非常感謝! – user1330148 2012-07-16 16:28:04