z-index 之理解 --记录（六）

1.z-index用来控制元素重叠时堆叠顺序。适用于：已经定位的元素（即position:relative/absolute/fixed）。

2.不使用z-index的时候，堆叠顺序如下（从下到上）：

• 根元素（即HTML元素）的background和borders
• 正常流中非定位后代元素（这些元素顺序按照HTML文档出现顺序）
• 已定位后代元素（这些元素顺序按照HTML文档出现顺序）

3.使用z-index的时候，堆叠顺序如下（从下到上）：

• 根元素（即HTML元素）的背景和border
• 正常流中非定位后代元素（这些元素顺序按照HTML文档出现顺序）
• 浮动元素(浮动元素之间是不会出现z-index重叠的)
• 正常流中inline后代元素
• 已定位后代元素（这些元素顺序按照HTML文档出现顺序）

4.与文档渲染的先后顺序还是有关系的