z-index不生效的原因

1.没有设置position属性或属性值为static，z-index只作用于定位元素

2.层叠效果受祖先元素影响，祖先元素z-index值小,当前元素z-index值再大也没有效果

一般情况记住上面两种就可，具体还有结合层叠上下文

主要优先级如下：父层叠上下文的背景和边框 ＜ z-index=-1 ＜ 块级元素 ＜ 浮动元素 ＜ 行内、行内块元素 ＜ z-index=0或auto ＜ z-index正数。