帮忙,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


...全文
132 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
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越大,就越在上层

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧