0

3つの異なるdivタグを重ねて配置するのに問題があります。もともとは重なっていると思いますが、実際は上下に配置されているので避けようとしています。

誰かが私に3つすべてを1つのポイントに配置する方法を提案できますか？

これが私が使っている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>
4

1 に答える 1

3

divを通常のフローから外す必要があり、可視性を非表示に設定する必要はありません。それらに設定position: absolute;することによってそうします。

于 2013-03-16T19:10:36.973 に答える