z-index基础
z-index属性制定了元素及其子元素的z顺序，而z顺序可以决定当元素发生覆盖的时候，哪个元素在上面。通常一个较大z-index属性值的元素会覆盖较低的属性值元素。
当父元素被fixed定位的时候，负z-index会出现在border上面。
代码示例：
z-index支持的属性值：
-
z-index: auto;：默认值。 -
z-index:<integer>;：整数值：0,1,2...... -
z-index:inherit;：继承
z-index基本特性：
- 支持负值。
- 支持css3
animation动画。 - 在CSS2.1时代，不考虑CSS3，
z-index要起作用需要和定位元素配合使用，只有定位元素position: relative / absolute / fixed / sticky设置z-index才有作用，css3中有例外。
z-index与定位元素：
如果定位元素发生了覆盖，且没有嵌套（不是一个定位元素里面嵌套着另一个定位元素），谁在上面遵守以下原则：
z-index与层叠上下文（解释z-index的实际行为表现。）
- 定位元素默认的
z-index:auto可以看成是z-index:0。 -
z-inedx不为auto的定位元素会创建层叠上下文。 -
z-index层叠顺序的比较止步于父级层叠上下文。
