如何将几个div标签放在彼此之上

Question

我有一个问题就是将3个不同的div标签相互叠加。最初他们认为重叠，但实际上他们是一个位于彼此之下，我试图避免。

有人可以建议我如何将所有3个定位在一个点上？

这是我使用的CSS：

#menudiv{
height:225px;
width:900px;
background-image:url(images/menu1.jpg);
}

#menudiv2{
height:225px;
width:900px;
background-image:url(images/menu3.jpg);
visibility:hidden;
}


#menudiv3{
height:225px;
width:900px;
background-image:url(images/menu2.jpg);
visibility:hidden;
 }


#tableMenuDiv{
position:absolute;
width:100px;
height:225px;
left:53px;
top:137px;
 }

这是一个html代码，我将它们放在页面中：

<td width="900px" align="left">

<div id="menudiv"></div>
<div id="menudiv2"></div>
<div id="menudiv3"></div>

<div id="tableMenuDiv">
</td>

Answer 1

您需要将div从正常流程中取出，而不是将其可见性设置为隐藏。通过在其上设置position: absolute;来实现此目的。