auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。
若定义为-1，代表为最底层。
div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，0最小，越大的话位置越靠上。只要绝对定位就可以了，position:absolute;然后设置left和top值，左边和顶部的距离，这样不管你放在页面那里，它都是显示在一个地方！
<div style="position:absolute;top:5px;border:1px solid #CCC;"><h1>固定位置</h1></div>
这个问题已经回答过，如下所示
设置style 中 z-index:auto
auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。
若定义为-1，代表为最底层。
div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，0最小，越大的话位置越靠上。
·测试效果：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div图层样式</title>
<style>
div-relative{position:relative; color:#000; border:1px solid #000; width:500px; height:400px}
div-a{ position:absolute; left:30px; top:30px; background:#F00; width:200px; height:100px}
/ css注释说明： 背景为红色 /
div-b{ position:absolute; left:50px; top:60px; background:#FF0; width:400px; height:200px}
/ 背景为** /
div-c{ position:absolute; left:80px; top:80px; background:#00F; width:300px; height:300px}
/ DIV背景颜色为蓝色 /
</style>
</head>
<body>
<div class="div-relative">
<div class="div-a">我背景为红色</div>
<div class="div-b">我背景为**</div>
<div class="div-c">我背景为蓝色</div>
</div>
</body>
</html>
2、页面中实现的效果如下：
参考链接：>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）