前言：

现在是做一个遮罩层效果，需要部分组件要在遮罩层上面，其他比遮罩层低。效果如图：

问题：

于是想到在需要在遮罩层以上的那个组件的z-index使层级拉高

但是效果却不如我们想的那样

查询资料：

看了别人的文章说这种情况有两种原因
第一种又有三小点：
1、父标签 position属性为relative；
2、问题标签无position属性（不包括static）；
3、问题标签含有浮动(float)属性。
解决办法为：
1、position:relative改为position:absolute；
2、浮动元素添加position属性（如relative，absolute等）；
3、去除浮动。

但是我看了看我的代码，发现一种情况也不符合，于是我继续看第二种原因，但是我看得不太明白，就直接用它的解决办法：
简而言之就是问题标签直接
position: relative; z-index: 99;二连

后面成功浮现在遮罩层上

参考文章传送门：

div层调整z-index属性无效原因分析及解决方法