怎样使一个DIV叠在另一个DIV上边?
2个回答
展开全部
如果样式 position 为 absolute 时通过 z-index 来决定层的顺序。
<div style="width:300px; height:200px; left:55px; top:55px; background-color:#CCCCCC; position:absolute; z-index:2">此处显示新 Div1 标签的内容</div>
<div style="width:300px; height:200px; left:85px; top:75px; background-color:#FF0000; position:absolute; z-index:1">此处显示新 Div2 标签的内容</div>
<div style="width:300px; height:200px; left:55px; top:55px; background-color:#CCCCCC; position:absolute; z-index:2">此处显示新 Div1 标签的内容</div>
<div style="width:300px; height:200px; left:85px; top:75px; background-color:#FF0000; position:absolute; z-index:1">此处显示新 Div2 标签的内容</div>
展开全部
使用漂浮层,看这个例子:
<div style="position:relative; width:200px; height:150px; border:4px #333 solid; background:#CCC;">
<div style="position:absolute; width:50px; height:50px; border:2px #666 solid; bottom:5px; right:5px; background:#FCC;"></div>
</div>
<div style="position:relative; width:200px; height:150px; border:4px #333 solid; background:#CCC;">
<div style="position:absolute; width:50px; height:50px; border:2px #666 solid; bottom:5px; right:5px; background:#FCC;"></div>
</div>
更多追问追答
追问
我试了,但2个层是并列的,上面层没有覆盖下面的层
追答
不会吧,看下代码有没有漏掉,我的是这个样子的:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询