CSS中z-index不起作用

不想生命被时光遗忘,所以要一直往前奔跑.

有时候在设置div的堆叠问题时会遇到设置了z-index但是不生效的问题.

原因

Z-index 仅能在定位元素上奏效（例如 position:absolute;）！！！

解决方法

1. 将设置问题元素position属性, (relative, absolute, fixed);
   将问题元素的父元素的position属性设置不为static;
2. 将父元素的display属性设置为 flex;