关于css中z-index 的应用

我想很多人在应用中的会碰到这个问题，设置 z-index无效；无论设置为多高的数字都没有效果；

原因是在设置z-index之前必须满足一下两个条件：

1，给设置z-index的元素设置相应的定位值,position：relative；

2、不要给想控制“上、下”的元素设置z-index，而是对他们的父容器设置z-index样式。

满足以上两个条件设置的z-index才会生效；