解决页面水印导致子节点鼠标事件失效的问题


背景:实现水印功能之后,由于水印是一个遮罩层,导致z-index元素比较低的子元素,鼠标移入事件、点击事件都失效了。

解决方案:给添加水印样式的元素,添加css样式:pointer-events: none;。子元素添加css样式:pointer-events: auto;之后,问题解决。

#display {
    pointer-events: none;
}


文章作者: 程序猿小野
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 程序猿小野 !
评论