z-index层级关系的使用

z-index值可为正数、负数、0，其实际底层默认值为auto

1.position为static的情况下：

z-index不起作用（z-index在relative/absolute/fixed的情况下才有效）

2.position不为static的情况下：

未设置z-index：

DOM树中越靠后的元素层级越高，越靠上。

同级元素的z-index层级显示：

z-index越大，层级越高，越靠上；

不同级元素（父子）的z-index层级显示：

• 父元素设置了z-index，子元素始终在父元素上边（即使子元素的z-index小于父元素的z-index）【可理解为：此时子元素的z-index值始终为自身的z-index值+父元素的z-index值】
• 父元素没有设置z-index，子元素设置负的z-index：子元素可实现位于父元素的下层位置。