项目中涉及到z-index层级问题，menu下拉框被element-plus的loading组件遮挡（css如下）：
页面显示如下：
明显menu层级是大于mask的，可是却被遮挡了。。。
研究过发现，menu父级z-index设置了10，导致menu整体被遮挡，解决方案：
1.增加menu父级z-index值；
2.删除menu父级z-index值；
3.增加mask的z-index值。
总结：
• 当元素开启定位以后就可以设置z-index这个属性。
• 这个属性可以提升定位元素所在的层级。
• z-index可以指定一个整数作为参数，值越大元素显示的优先级越高，也就是z-index值较大的元素会显示在网页的最上层。
注意：
1.父元素盖不住子元素。
2.如果父元素有设置z-index，那么先比较父元素和相邻元素的父元素的z-index值；如果父元素的z-index值比相邻的元素父元素的低，那么元素z-index值设置的再高，显示层级还是比相邻元素低。
3.如果父元素没有设置z-index，那么元素本身设置的z-index值越高，那么层级就越高，显示的就在上面。