你不知道的z-index

关于z-inde 
 w3c描述 (z-index )

每个元素都具有三维空间位置，除了水平和垂直位置外，还能在 “Z轴” 上层层相叠、排列。元素在 “Z轴” 方向上的呈现顺序，由层叠上下文和层叠级别决定。

在文档中，每个元素仅属于一个层叠上下文。元素的层叠级别为整型，它描述了在相同层叠上下文中元素在 “Z轴” 上的呈现顺序。

同一层叠上下文中，层叠级别大的显示在上，层叠级别小的显示在下，相同层叠级别时，遵循后来居上的原则，即其在HTML文档中的顺序。

不同层叠上下文中，元素呈现顺序以父级层叠上下文的层叠级别来决定呈现的先后顺序，与自身的层叠级别无关

理解： 
  层叠上下文可理解为一摞书的每一本书，层叠级别为每一本书的每一页，越上面越容易被看到 
注意：

• • z-index为层叠级别。 只有设置定位（static除外）才可以设置z-index
  • postion：fixed会创建新的层叠上下文
  • opacity小于1时，会创建新的层叠上下文
  • 同处一个层叠上下文，且为设置层叠级别时，遵从‘后来居上’原则

转载于:https://www.cnblogs.com/sunweinan/p/z-index.html