再次看z-index，发现z-index其实有一些禁忌和注意事项；

z-index只对定位元素有效；

在两个元素重叠的情形下：

对于兄弟元素:

1：
定位 -------一致
z-index ---------一致

先后顺序 后出现的覆盖先出现的

2：

定位 -------定位元素覆盖未定位元素
z-index ---------一致

先后顺序-------一致

3：

定位---------一致
z-index ---------大值覆盖小值
先后顺序-------一致

对于父子元素

1：父元素z-index有效：
子元素覆盖父元素

2：父元素z-index失效（未设置z-index或者未定位）：
以子元素z-index为准；