3个 DIV<div id="parent" style="position:relative;">

<div id=div1>
<img src="./imgs/unpaid.png" border="0" />
</div>

<div id="div2" style="position:absolute;left:0px;top:0px;">
                 ...
        </div>
</div>div2覆盖div1,模拟背景图片.问题: parent的高度不对,没把div2包含住. 见
http://secure10.olemiss.edu/hdstore/test.html
        

解决方案 »

  1.   

    在div的style里设置z-index=X, 可以调整div的层次关系, X越大,就越在上层
      

  2.   

    都加上一句position:relative  试试看
      

  3.   

    http://www.javaeye.com/topic/415632看看这里的
      

  4.   

    设置z-index,然后position的relative和absolute都试试。
    z-index 越大,层面浮的越高。
      

  5.   


    <div id="parent" style="width: 200px; height: 200px; border: 1px solid red; position: absolute; left: 8px; top: 8px;">  <div id=div1 style="width: 100px; height: 100px; border: 1px solid red; position: absolute; left: 5px; top: 5px;"> 
    <img src="./x.JPG" border="0" width="93" height="93"/> 
    </div>  <div id="div2" style="width: 100px; height: 100px; border: 1px solid red; position: absolute; left: 5px; top: 5px;"> 
    里斯
    </div> 
    </div>
    这个可以了....为什么不用CSS直接调背景呢? 为了缩放?要点:
    1. parent, div1, div2全部绝对定位.
    2. div1, div2的left, top相等.
    3. div1中的图片需要调整width和height, 可能会因为边距之类导致两个不完全重叠.4. 需要时设置overflow