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