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.与文档渲染的先后顺序还是有关系的。