z-index的用法,zindex属性值

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

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

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

z-index 有什么作用？ 如何使用？

可以解决元素的覆盖问题，决定那个元素在上方，哪一个在下方；

z-index的值可以是负数，也可以为0，也可以无群大，数值大的在上方；

z-index父元素设置的值权重比较大，当两个父元素相比的时候，父元素起决定作用，其中的子元素设置多大都没有用；

正常情况下：可以看到灰色覆盖了粉色元素

在box2加入z-index属性，并且设置为负数；显示为粉色在上，灰色在下；

在box1和box2中都添加z-index属性；显示为粉色在上，灰色在下；

设置三个box，给三个分别设置z-index属性；显示按照z-index属性的值最高的在上边，最低的在下边；

CSS中z-index属性具体是什么意思？

定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。

z-index怎么用

这是对层div的属性应用

z-index : auto | number

auto: 默认值。

number: 无单位的整数值，可为负数 。

z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。

z-index怎么使用，什么时候使用这个属性

1、z-index 需要配合position

2、CSS中设置属性position后z-index才有效果

3、z-index表示层叠数值，数值越大越靠上，数值月越小越靠下方

4、设置position后标签属性是可以重叠的

5、设置position属性后同时top bottom、left、right 相对位置也生效、否则以上属性全无效

6、我回答的这几点是我的经验总结，无抄袭，抄袭必究。谢谢请采纳