如何使iframe的div浮動在另一個應該是頁面背景的iframe的div上方

我閱讀了很多相關的問題，但我的案例看起來有點不同，以至於沒有一個真正適合我。如何使iframe的div浮動在另一個應該是頁面背景的iframe的div上方

我想要實現的目標是擁有一個浮動廣播播放器，在整個博客中播放不間斷的音樂。我使用iframe將我的博客作爲整個頁面的背景，然後將另一個iframe作爲浮動在上一個iframe上的廣播播放器。

我猜，我發現不能工作的所有方法的原因是因爲我的iframe的屬性：

<iframe src="my blog address" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="120%" width="120%"></iframe>

下面就是整個頁面的樣子（我需要的電臺播放器浮在頂部）：

<!DOCTYPE html> 
<html> 
<head> 
</head> 

<body> 

<div id="radio_player"> 
<iframe src="http://douban.fm/partner/baidu/doubanradio" frameborder="0"></iframe> 
</div> 


<div id="blog_background"> 

<iframe src="http://swotong.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="120%" width="120%"></iframe> 

</div> 


</body> 
</html>

我很新的編碼和張貼問題在這裏，感謝您的任何幫助。

問候

來源

2012-09-30 Arch1tect

嘗試加入z-index:1您要在頂部的框架。

你可以看到它的工作here

你必須使用一個position屬性這個工作。

position attributes from css3.com

來源

2012-09-30 23:16:38 raam86

THX，但它不工作... – Arch1tect

檢查鏈接。 – raam86

你是對的，我沒有使用職位屬性。它現在完美。非常感謝！ – Arch1tect

如何使iframe的div浮動在另一個應該是頁面背景的iframe的div上方

回答

相關問題