帮忙,HTML DIV格式调整

sdyqingdao 2009-12-19 04:42:52
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


...全文
106 8 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
Future_Hui_ 2009-12-19
[Quote=引用 4 楼 pjw100 的回复:]
设置z-index,然后position的relative和absolute都试试。
z-index 越大,层面浮的越高。
[/Quote]
e
  • 打赏
  • 举报
回复
xuexijava 2009-12-19
up
  • 打赏
  • 举报
回复
dongyangmoney 2009-12-19
jf
  • 打赏
  • 举报
回复
goosman 2009-12-19

<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
  • 打赏
  • 举报
回复
pjw100 2009-12-19
设置z-index,然后position的relative和absolute都试试。
z-index 越大,层面浮的越高。
  • 打赏
  • 举报
回复
JavaAlpha 2009-12-19
  • 打赏
  • 举报
回复
JavaAlpha 2009-12-19
都加上一句position:relative 试试看
  • 打赏
  • 举报
回复
qustgjk 2009-12-19
在div的style里设置z-index=X, 可以调整div的层次关系, X越大,就越在上层
  • 打赏
  • 举报
回复
相关推荐
发帖
Web 开发

8.0w+

社区成员

Java Web 开发
社区管理员
  • Web 开发社区
加入社区
帖子事件
创建了帖子
2009-12-19 04:42
社区公告
暂无公告