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

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

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

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