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它应该显示名为foldLeft的DIV元素，该元素在页面加载时隐藏在该TD的左上角。这样可以正常工作，但是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;而不是位置：相对;

像这样：

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

或者

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

JQuery在元素中显示图像

2 个答案: