使用定位position导致无法触发底层click等事件的解决方法

  • 给使用绝对定位的元素css添加属性：pointer-events:auto或者pointer-events:none
  • pointer-events:auto
    底层有点击事件，但使用定位元素的子元素也有点击事件，这个时候需要给该元素设置为pointer-events:none，该元素的子元素（有点击操作的）属性设置pointer-events:auto
    鼠标不会穿透当前层
  • pointer-events:none
    底层有点击事件，使用定位的元素的子元素没有点击事件，属性值设为none即可
    该元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面层中的元素。但是如果它的子元素设置了" pointer-events" 的其他属性值，比如 auto，鼠标事件仍会监听这个子元素
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容