z-index的使用

1.Z-index的运用是需要条件的,与其相关的属性就是position属性。当设置position:static或者没有设置position属性的时候，改变z-index不会产生任何效果。

2.当一个div的Z-index为整数时,它的子元素和外界元素进行比较时,采用父元素的Z-index进行比较, 和兄弟元素比较采用自身的Z-index。当一个div子元素的Z-index为auto（auto其实就是0）时,与div外部元素相比时，采用它父元素的Z-index，与兄弟元素比较的话在不设置z-index值的情况下z-index值默认为0，并且如果两个兄弟元素z-index值都为auto的时候根据其在HTML出现的顺序，后出现的将会覆盖之前出现的元素。(总之，子元素跟外界元素比较均采用父元素的index进行比较)

具体见下图