z-index生效与css层叠

1. z-index 的默认值为 auto，可以设置正整数，也可以设置为负整数。
2. 只有定位的元素（即position属性值不是static的元素）的z-index才会起作用。
3. Position属性四个值：static、fixed、absolute和relative
4. static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）
5. fixed，absolute,relative,可通过z-index进行层次分级。
6. z-index不生效的情况：

1.在用z-index的时候，该元素没有没有设置position：relative/fixd/absolute
2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数，而该元素不设z-index属性.

层叠上下文，层叠等级：css层叠详细讲解
层叠上下文也基本上是有一些特定的 CSS 属性创建的，一般有 3 种方法：
1.本身 j 就具有层叠上下文，称为“根层叠上下文”。
2.普通元素设置position属性为非static值并设置z-index属性为具体数值，产生层叠上下文。
3.CSS3 中的新属性也可以产生层叠上下文。