CSS pointer-events属性

pointer-events:none 它意思是禁止鼠标事件的意思,圣诞节的时候需要在页面上用canvas弄个下雪之类的效果，canvas的z-index肯定设置到最高，但罩住住了所有页面的元素，被罩住的所有的元素和鼠标的交互失效了。所以当发现这pointer-events属性能够起到这么神奇作用的时候简直两眼放光。

pointer-events:none;禁止了鼠标事件，包括链接， hover/click等所有的效果，实际上将上层的元素虚化了，只是能看到被修饰的样子而对于藏在它下面的元素来说它是不存在的。