今天同事在开发webview的时候遇到一个问题,页面图片想要按压时有效果,所以给其加了个当图片按压下上面有个遮罩层,但是在低版本系统手机上,在点击时原本给图片的点击事件触发不了,分析原因是图片上方的遮罩层把点击事件拦住了,点击不能穿透,后来查询后发现给遮罩层加个pointer-events:none就可以了。
查了一下css3的手册发现pointer-events设为none的元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
关于css3新属性pointer-events
最新推荐文章于 2024-06-29 18:37:06 发布