z-index无效的解决办法

今天在做移动端web页面开发的时候,由于UI方案的设计图需要部分层叠的效果,所以使用z-index,存在这种情况:使用z-index为负数实现了层叠效果,但是由于底层存在事件,但是由于z-idnex为负数,所以该块级元素处于body之下,导致事件无法触发,修改z-index为正,但是存在大小顺序之后可以触发事件,但是没有了层叠效果。查阅资料之后,发现了自己对z-index的了解存在误区。

z-index无效的解决办法_第1张图片

上面是在w3c上的解释用法,之前没有具体了解,现在才发现上面指的定位元素就是指position的取值为absolute fixed relative的元素。其他的元素上面z-index无效

https://blog.csdn.net/happiniess/article/details/9019767

你可能感兴趣的:(web,css3,css)