z-index 属性无效的情况和解决办法

设置 z-index 元素的 position 属性需要是relative 、absolute、或fixed

z-index 无效的情况

1. 两个想要重叠的设置 z-index 的元素的父元素的 position 为 relative 时，子元素的z-index失效。
   1. 父元素的 position 需要设置为 absolute 或static(默认)
2. 设置 z-index 的元素，本身的 position 为 static，元素的 z-index 失效。
   1. 应该设置z-index 的元素的 postion 为 relative、absolute、fixed 其中的一种。
3. 设置 z-index 的元素，同时还设置了 float 浮动，元素的 z-index 失效。
   1. 应该去掉元素的浮动属性 float，改为display: inline-block