今天在做移动端web页面开发的时候，由于UI方案的设计图需要部分层叠的效果，所以使用z-index，存在这种情况：使用z-index为负数实现了层叠效果，但是由于底层存在事件，但是由于z-idnex为负数，所以该块级元素处于body之下，导致事件无法触发，修改z-index为正，但是存在大小顺序之后可以触发事件，但是没有了层叠效果。查阅资料之后，发现了自己对z-index的了解存在误区。
上面是在w3c上的解释用法，之前没有具体了解，现在才发现上面指的定位元素就是指position的取值为absolute fixed relative的元素。其他的元素上面z-index无效
https://blog.csdn.net/happiniess/article/details/9019767