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
<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
z-index 越大,层面浮的越高。
<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