dreamweaver 我有2个div层 分别都用了css背景图片 如何做才能让期中一个div层覆盖在另一个上方？
6个回答
展开全部
相对定位时，后面的定位元素，就会自动覆盖前面的元素，运行一下，下面的例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ background:#eee; height:100px; width:200px;}
.div2{ background:#ddd; height:100px; left:60px; position:relative; top:-60px; width:200px;}
-->
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</body>
</html>
此外，z-index也是处理层级关系的，数值大的，会在上层。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ background:#eee; height:100px; width:200px;}
.div2{ background:#ddd; height:100px; left:60px; position:relative; top:-60px; width:200px;}
-->
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</body>
</html>
此外，z-index也是处理层级关系的，数值大的，会在上层。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
层定位后.
一个层设:z-index:100
一个层设:z-index:99
数大在上面
一个层设:z-index:100
一个层设:z-index:99
数大在上面
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给被覆盖div定位属性为 position:relative;
最上面的div定位属性给 position:absolute; 在写上对应的数值
.re{position:relative;width:100px;height:100px;}
.ab{position:absolute;top:50px;left:50px;}
最上面的div定位属性给 position:absolute; 在写上对应的数值
.re{position:relative;width:100px;height:100px;}
.ab{position:absolute;top:50px;left:50px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
被覆盖div定属性 position:relative;
上面div定位属性 position:absolute;
上面div定位属性 position:absolute;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用相对定位的方法~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
