要素内に画像を表示するJQuery

Question

divを正しく配置するための助けが必要です。

これは私のコードです：

<td width="318" height="450" align="left" style="border:solid 1px #666;"> 
    <div id="foldLeft" style="position:relative; top:0px; left:0px; z-index:1001;"> 
     <img src="foldLeft.png"> 
    </div> 
    <div id="leftPage"> 
     <img src="page2.jpg"> 
    </div> 
</td> 

私がボタンを持って、onMouseOverのそれはTDの左上隅に、ページのロードに隠されたfoldLeftと呼ばれるDIV要素を、表示されるはずです。これは正常に動作しますが、DIVはすべての上にある必要があります。代わりに、30ピクセル（DIVのサイズ）のコンテンツをプッシュしています。

どのように私はこれを配置することができますので、それはTDの左上隅に座っているが、すべてのものの上にいるのですか？私はz-indexがそれを並べ替えるつもりだと思ったが、そうはしなかった。

Answer 1

<td width="318" height="450" align="left" style="border:solid 1px #666; position:relative"> 
<div id="foldLeft" style="position:absolute; top:0px; left:0px; z-index:1001;"><img src="foldLeft.png"></div> 
<div id="leftPage"><img src="page2.jpg"></div> 
</td> 

Answer 2

position：absoluteを使用する必要があります。代わりにposition：relative;このよう

：

div_name{ 
position:absolute; 
top:0px; 
left:0px; 
} 

それとも

<div id="foldLeft" style="position:absolute; top:0px; left:0px;"> </div>