html中div叠加时怎么显示子图层
5个回答
展开全部
使用CSS的z-index，将子节点（也就是你理解的子图层）设置的大些，将上级节点设置的小些，就可以的。
示例(由于回答时，编辑器插入代码不可用，所以下面的代码没有格式化)：
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta charset="UTF-8" />
<title>Document</title>
<style>
.layer1
{
border:1px solid green;
z-index:2;
}
.layer2
{
border:1px solid red;
z-index:1;
}
</style>
</head>
<body>
<div class="layer1">
<p>layer1的内容</p>
<div class="layer2">layer2的内容</div>
</div>
</body>
</html>
示例截图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将你想放在上面的图层的z-index设得大一些，另外叠加的div都要设成position:absolute，父容器最好设成position:relative
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用position 也可以使用z-index
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
当多个div层的高度和宽度一样的情况下 我们看到的层 本来就是子层内容吧 不知道你这是什么环境 有代码最好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
