1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
1.含义：z-index属性指定了元素及其子元素的[z顺序]，而[z顺序]可以决定当元素
发生覆盖的时候，哪个元素在上面。通常一个较大的z-index值的元素会覆盖较低的
那一个（前提是元素支持z-index值）。
2.z-index的值
- z-index:auto;默认值
- z-index：<integer>;整数值
- z-index：inherit;继承
3.基本特性
- 支持负值；
- 支持css3 animation动画；
- 在css2.1时代，需要和定位元素配合使用；
z-index一般只对定位元素有作用
如果定位元素z-index没有发生嵌套
- 后来居上的准则
- 哪个大哪个上
后来居上
HTML的dom流是分先后顺序的，一般来讲两个元素他们的css特性基本没什么差别的时候，当发生重叠的时候，一般是由后面一个覆盖前面一个
哪个大哪个上
如果定位元素z-index发生嵌套
祖先优先的原则
祖先优先原则
但前提条件是z-index的值是数值非auto
为什么z-index为auto，祖先优先原则就不起作用了？
层叠水平
层叠顺序-stacking order
表示元素发生层叠的时候有着特定的垂直显示顺序。
著名的7阶层叠水平
8.更多讨论
1.为何需要层叠顺序
2.为何是这个层叠顺序
3.内联元素真的会覆盖浮动元素？
1.为何需要层叠顺序？
因为层叠顺序的意义就是规范元素重叠时候的呈现规则
2.为何是这个层叠顺序
因为这种层叠顺序更符合页面加载的功能和视觉呈现！
内容是页面中最重要的实体，因此层叠水平要高
