2012-01-28 28 views
4

私はフレームセットにDIVレイヤーを描画したいと思っています。 DIVは<frameset>の中に置くことができると聞きましたが、それは私のためには機能しません。DIVをFRAMESETに重ねる方法は?

次の例は機能しません。私はFirebugのHTMLインスペクタでDIVを見ていません。

<!doctype html> 
<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>Test of frameset with div</title> 

<style type="text/css"> 
#flashContent { 
position:fixed; 
left:200px; 
bottom:200px; 
width:400px; 
height:400px; 
background-color:red; 
z-order:1000; 
} 
</style> 

</head> 

<frameset rows="*,100px" style="z-order:10"> 



<frame src="content1.html"> 
<frame src="bottom.html"> 

<div id="flashContent"> 
    Something 
</div> 


</frameset> 

</html> 
+0

フレームは、基本的には、ウィンドウオブジェクトです。ウィンドウに関するすべてのルールはフレームに適用されます。 divはウィンドウ内に保持されているドキュメントに属します。ドキュメントはウィンドウを離れることができないので、divはウィンドウを離れることができません。あなたはブラウザのレベルでコントロールを求めていますが、許可されているのはドキュメントのレベルでのコントロールだけです。 – Mhmd

答えて

7

あなたはframesetsの上にDIVsを配置することはできません。達成する唯一の方法はDIViFrameに配置することです。少なくとも新しいブラウザ(no IE6)では。

はあなたのコードの例のように、あなたのDIV絶対にz-indexプロパティを含む位置する必要があります。

#flashContent { 

    position: absolute; 
    left: 200px; 
    bottom: 200px; 
    z-index: 2; 

    width:400px; 
    height:400px; 
    background-color:red; 
} 
関連する問題