z-index失效问题

fixed元素会产生新的层叠上下文，所以在使用z-index时会遇到无论设置多大的值都无法起效

请注意下面两点：
1. z-index只有在设置了position为relative,absolute,fixed时才会有效。
2. z-index的“从父原则”。当你发现把z-index设的多大都没用时，看看其父元素是否设置了有效的z-index，当然别忘了先看看自身是否设置了position。

所以，如果想通过z-index改变层级，一定要设置该元素的position属性。