CSS中的z-index属性有什么用？？简单说明

html-css010

CSS中的z-index属性有什么用？？简单说明,第1张

当网页上出现多个由绝对定位（POSITION:absolute）或固定定位（POSITION:fixed）所产生的浮动层时，必然就会产生一个问题，就是当这些层的位置产生重合时，谁在谁的上面呢？或者说谁看得见、谁看不见呢？这时候就可以通过设置z-index的值来解决，这个值较大的就在上面，较小的在下面。

z-index的意思就是在z轴的顺序，如果说网页是由x轴和y轴所决定的一个平面，那么z轴就是垂直于屏幕的一条虚拟坐标轴，浮动层就在这个坐标轴上，那么它们的顺序号就决定了谁上谁下了。

可以用z-index控制，具体步骤如下：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<img style="position: absolutetop:0z-index: 1" src="image.jpg" />

<img style="position: absolutetop:0" src="small2.png" />

3、浏览器运行index.html页面，此时大图因为z-index更大而被设置到更上面的图层了。

在aa2上面增加一个css标签z-index: 1000试试。 默认的样式不变增加一串z-index:1000

aa2{position:absolutez-index:1000} 这是修改好的。希望能帮到你。