z-index 只作用于有定位属性的元素

子元素层级依附于父元素层级

z-index可以设置元素的叠加顺序

z-index大的元素覆盖z-index小的元素

z-index为auto的元素不参与层级比较

z-index为负值，元素被普通流中的元素覆盖

所有具有定位属性的元素有层级，先写的元素会被后写的覆盖

z-index（层级）只作用于带有定位属性的元素

z-index受制于父元素

z-index

只作用于带有定位属性的元素

position定位

绝对定位：absolute、fixed

相对定位：relative

绝对定位相对于浏览器窗口移动，比如：left:50px; top:100px;表示以窗口左上角为坐标原点，向右为x轴，以下为y轴，由此为例其他都是以浏览器四个角为原点的。绝对定位已脱离了原始的文本流

相对定位相对于元素本身位置移动，比如：left：50px;表示相对与元素本身的位置向右移动50px; top:100px;表示向下移动100px。相对定位不脱离原始的文本流。

absolute和fixed的区别：

fixed属性的元素随滚动条的滑动位置不变，比如页面上的广告。absolute属性元素可以设置页面的高度，并随滚动条的滑动而滑动

z-index属性可调节元素的层级关系，但其元素必须带有定位属性（position:relative……）才起作用，z-index值越大层级越高，覆盖层级低的元素。z-index为负值时，此元素被普通流中的元素覆盖。父元素的层级会影响子元素的层级

z-index可以设置元素的叠加顺序，但是要依赖定位属性

z-index大的元素会覆盖z-index小的元素

z-index为auto的元素不参与层级比较

z-inde为负值，元素被普通流中的元素覆盖

number可以设置层级大小 number数字越大则其层级级别越大

z-index 描述

父元素的层级大于相邻元素的层级 不论层级多小,都可以继承父元素的层级,大于相邻元素层级。

z-index：只作用于带有定位属性的元素（position:static除外）；

普通元素中也存在层级关系（margin-top:-50px）;

注意：

当position:absolute没有设置left,top，right,bottom时，虽然脱标但是margin,padding仍然对其有影响。

当其设置top:0,left:0;是以窗口左上角为原点（即便此时margin,padding不为零）；

z-index 

Z-index如果为负值，普通流中的元素将会将其覆盖，

Z—index中值大的元素会覆盖值小的

Z-index中子元素会受限于父元素的值，默认子元素的值大于相邻小于父元素的值

Z-index可以设置元素的叠加顺序，但依赖定位属性

z-inde大的元素会覆盖z-index小的元素

z-inde为auto的元素不参与层级的比较

z-inde为负值，元素被普通刘中的元素覆盖

z-index只对有定位属性的元素有效果，对static无效。

Z-index

可以设置元素的叠加顺序，但依赖定位属性

z-inde大的元素会覆盖z-index小的元素

z-inde为auto的元素不参与层级的比较

z-inde为负值，元素被普通刘中的元素覆盖

absolute如果没有设置left 和 top,就还继续处于标准文档流

position配合z-index ，专门用于布局

z-index 数字越大，层级越高，越在上面

默认是，后写的块至上

子元素的层级受制于父元素，及时子元素层级（z-index）小于与父元素相邻的元素的层级，仍能覆盖之。

z-index大的元素会覆盖z-index小的元素

z-index为auto的元素不参与层级比较

z-index为负值，元素被普通流中的元素覆盖

z-index 

可以设置元素的叠加顺序，但依赖定位属性

z-index大的元素会覆盖z-index小的元素

z-index为auto的元素不参与层级比较

z-index为负值，元素被普通流中的元素覆盖

z-index只对设置position属性的元素起作用（除position:static默认的或z-jindex:auto）z-index=0会被普通文档流覆盖；

一般情况下，层级就近原则；加上z index则按其值大小来覆盖，且当父元素层级大时其相应子元素尽管z-index值最小也会覆盖其他的元素

基础向还可以；这里方便大家理解;默认情况下；关于z-index的值的比较；大值总会覆盖小值，即出现在小值的前面；【可简单记为：页面和弹出模态框的关系】；至于父子级别的zindex关系；这里有点绕；可联想【皇上的权力比宰相大，皇子的权力虽然没有宰相大；但宰相会受限于皇上的权力关系；让出本身该有的空间】

z-index设置层次的叠加顺序

position:absolute;脱离文档流的条件还需要加top:0;left:0

z-index只能作用在带有定位的元素。
父元素的z-index会影响其子元素的层级。