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 に答える