auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。
若定义为-1，代表为最底层。
div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，0最小，越大的话位置越靠上。
·测试效果：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div图层样式</title>
<style>
.div-relative{position:relativecolor:#000border:1px solid #000width:500pxheight:400px}
.div-a{ position:absoluteleft:30pxtop:30pxbackground:#F00width:200pxheight:100px}
/* css注释说明： 背景为红色 */
.div-b{ position:absoluteleft:50pxtop:60pxbackground:#FF0width:400pxheight:200px}
/* 背景为黄色 */
.div-c{ position:absoluteleft:80pxtop:80pxbackground:#00Fwidth:300pxheight: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>
1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设置dive的宽度和高度，以便文本具有特定的范围。
2．找到背景，如下图所示，添加背景后的图像作为背景图案。
3．在后台添加url（）。为了连接图像，在url中写入背景图像的路径。
4．你可以把你最喜欢的图片根据你的个人喜好。你必须把正确的路径写在这里。
5．这样，保存后的文本将覆盖在图片的顶部。
1、parent常用在iframe和frame中的子页面访问父页面中的对象
2、top ：一个页面可能会有很多层，top是指最顶层的框架
3、self ：是指当前窗口
