z-index为什么没生效（使用position）

是不是写样式得时候想要下层被上层盖住得时候总是不生效，这个时候需要知道一个知识点：
z-index属性只对具有定位(position不为static)的元素有效。如果上面的盒子和下面的盒子都没有定位，则无法使用z-index属性实现盖住效果。

.upper-box {position: relative;z-index: 2;/* 其他样式 */
}.lower-box {position: relative;z-index: 1;/* 其他样式 */
}