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进行比较)
具体见下图