z-index

• 平面图形x轴、y轴，三维有z轴，盒模型处于三维时自然也有三维，故此z-index就是z轴坐标，值越大，“离你越近”,有z轴自然需要“脱离文档流”了。

问题：

1. z-index 在什么情况下才生效？
   • 只有在元素的position属性的值不为static生效，flex盒子也可以设置此属性
2. z-index值越大元素越靠前，对吗？
   • z-index大的会覆盖值小的。但是若父元素z-index使用了数字的值将会创建一个层叠上下文，那么此时子元素只会与父元素内的子元素进行z-index比较，不与外部元素比较。
3. z-index 不设置和设置为0有什么区别?
   • 有区别，不设置默认为auto不会创建层叠上下文。
4. z-index 可以为负值吗?
   • 可以为负值，降低z轴的值，可以理解为“远离”
5. z-index 在设置元素覆盖时到底有什么规律?
   • 同级元素z轴值大，覆盖值低的
   • z-index值相同，html结构靠后的覆盖前面的
   • 创建了层叠上下文的父元素内的子元素互相比较