pointer-events: none 去掉鼠标事件

今天看到一个博客非常漂亮,有花瓣飘落下来的前景图,我想这肯定是canvas插件做的,查看元素果不其然。但是当我复制博客里面所需要的内容时,发现前景的canvas图并未挡住底部,底部内容可复制,鼠标触碰前景的时候可以轻易地没有任何感觉地从中穿过去。我很好奇这是怎么做到的,后来查看到css里面有一个设置pointer-events: none,于是去查了查,原来就是这个起的效果,特此记录下。

pointer-events: none 去掉鼠标事件
pointer-events: auto 恢复鼠标事件

你可能感兴趣的:(css,前端)