场景:平平无奇一个水印图,这类功能实现:就是覆盖在整个可视div后,又加了一个div(使用定位+canvas画一个水印图充当背景),可时我好奇的是,我使用控制台,选择对应的元素时,竟然直接透过这个水印div,选到了其下的元素,很好奇。
原因:
水印div设置了一个css属性:pointer-events: none; 便可以实现上述效果
pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target
wx6375cd1abf2fb 博主文章分类:平凡而伟大的css ©著作权
文章标签 pointer-events 添加水印的一个小小点 css 鼠标事件 CSS 文章分类 Html/CSS 前端开发
场景:平平无奇一个水印图,这类功能实现:就是覆盖在整个可视div后,又加了一个div(使用定位+canvas画一个水印图充当背景),可时我好奇的是,我使用控制台,选择对应的元素时,竟然直接透过这个水印div,选到了其下的元素,很好奇。
原因:
水印div设置了一个css属性:pointer-events: none; 便可以实现上述效果
pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target
return elem.style.pointerEvents === 'auto';} ...
disable html input & pointer-events
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M