怎样设置一个DIV在所有层的最上层，最上层DIV
1个回答
展开全部
1.一般嵌套在内层标签的在上层。按排版，后插入的标签在上层。
2.当用position定位后的元素，可以用z-index来设置标签的层次，哪个标签z-index属性值大，那个标签在最上层。
例如：
例子1：因为div2是后插入的标签，所以默认情况下在最上层，代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div1{position: absolute;width: 200px;height: 100px;background:red;}
.div2{position: absolute;width: 100px;height: 200px;background:blue;}
</style>
</head>
<body>
<div class="div1">这是div1</div>
<div class="div2">这是div2</div>
</body>
</html>
显示效果为：
例子2：但设置了z-index的值后，如下，div1的z-index值大于div2的，则div1在上层。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div1{position: absolute;width: 200px;height: 100px;background:red;z-index: 2;}
.div2{position: absolute;width: 100px;height: 200px;background:blue;z-index: 1;}
</style>
</head>
<body>
<div class="div1">这是div1</div>
<div class="div2">这是div2</div>
</body>
</html>
显示效果为：
注：要想设置某个层在最上层，直接设置标签z-index的值为一个较大的数就行
本回答由电脑网络分类达人 刘杰推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
