2

我阅读了许多相关的问题，但我的情况似乎有点不同，这些问题都不适合我。

我想要实现的是拥有一个浮动收音机播放器，可以在我的博客中不间断地播放音乐。我使用 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>

我对在这里编码和发布问题很陌生，感谢您的帮助。

最好的祝福

4

1 回答 1

2

尝试添加z-index:1到您想要在顶部的框架。

你可以看到它在这里工作

你必须使用一个position属性才能工作。

来自 css3.com 的位置属性

于 2012-09-30T23:16:38.587 回答