1. 首先使用z-index需要先加上position:absolute/relative定位
这里不写代码了, 画图表示一下
123三个盒子, 都是兄弟关系, 都有定位的话, 2号盒子设置z-index就会到顶层
2. 新加的盒子是灰色的儿子, 如果灰色的盒子和绿色盒子添加z-index就生成了一个层叠作用域(stack context),
如果再设置黄色盒子的z-index无论为多少, 都不对外面起作用, 父元素有z-index, 他的儿子z-index就不会影响外界
3. 然后你要知道z-index 是要考虑父级的，如果子级z-index为0，那么父级就是200000也不会覆盖住子级。原因如下：
在标准浏览器中，对父级的要求不是特别高，同级的对应上z-index可以了。但要注意的是父级里放一个子级那么父级是无法放在子级之上的，需要放在同一级别中才可以（经过测试的）
