版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明
开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时,往往会使鼡到:position: fiexd;属性但是往往会出现绑定在定位元素上的事件无法触发,原因出现在哪里
经过摸索,终于找到答案:元素定位之后 z-index的值默认還是0,又因为定位而导致元素脱离了原来的文档流(page页面层),所以定位元素相对于用户来说,虽然看得见但是就像已经“不存在”一樣,所以必须设置值:z-index至少大于等于1将定位元素暴露给用户,这样才能触发绑定在元素之上的事件