理解z-index

367 阅读1分钟
  1. 只对定位元素有效(position为relative或absolute,fixed),如果元素没有定位,z-index会无效
  2. 两个元素都没有定位,位置重合,或两个都定位元素且z-index相同发生位置重合现象,按照文档流,后面覆盖前面
  3. 两个元素都没有设置z-index,使用默认值,一个定位一个没有定位,定位元素覆盖未定位元素
  4. 如果父元素z-index有效,那么子元素无论是否设置z-index都和父元素一致,会在父元素上方
  5. 如果父元素z-index失效(未定位或使用默认值),那么子元素z-index设置生效
  6. 如果兄弟元素的z-index生效,那么其子元素覆盖关系由父元素决定
  7. ie6,7的z-index的默认值是0而不是auto