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>