CSS3 pointer-events允许鼠标点击穿透后面的元素

场景:我在做h5页面提示用户长按保存图片分享的功能的时候遇到一个问题,因为上面的提示文案是个图片长按无法识别下面真正要保存的图片,而会保存提示文字图片.

.noclick{

pointer-events: none;  /* 上层加上这句样式可以实现点击穿透 */

}

即重叠在一起的两个元素，给上边元素加这个属性之后，再点击上边元素就可以触发下边元素的事件，即点击穿透事件.

这样就可以解决遇到的问题了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容