帮忙,HTML DIV格式调整

[sdyqingdao]

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

[qustgjk]

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

• 打赏
• 举报

回复 赞

[JavaAlpha]

都加上一句position:relative 试试看

• 打赏
• 举报

回复 赞

[JavaAlpha]

http://www.javaeye.com/topic/415632

看看这里的

• 打赏
• 举报

回复 赞

[pjw100]

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

• 打赏
• 举报

回复 赞

[goosman]

<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

• 打赏
• 举报

回复 赞

[dongyangmoney]

jf

• 打赏
• 举报

回复 赞

[xuexijava]

up

• 打赏
• 举报

回复 赞

[Future_Hui_]

[Quote=引用 4 楼 pjw100 的回复:]
设置z-index,然后position的relative和absolute都试试。
z-index 越大，层面浮的越高。
[/Quote]
e

• 打赏
• 举报

回复 赞