使用定位position无法触发click等事件的解决
1.给使用绝对定位的元素css添加属性:
pointer-events:auto
pointer-events:none
2.pointer-events:auto
底层有点击事件,但使用定位元素的子元素也有点击事件,这个时候需要给该元素设置为
pointer-events:none,该元素的子元素(有点击操作的)属性设置
pointer-events:auto
鼠标不会穿透当前层
3.pointer-events:none
底层有点击事件,使用定位的元素的子元素没有点击事件,属性值设为none即可
该元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面层中的元素。但是如果它的子元素设置了" pointer-events" 的其他属性值,比如 auto,鼠标事件仍会监听这个子元素