使用canvas时如何不影响点击页面的元素又不影响效果的展现

大家首先想到的应该是定位降低层级，实际测试后又发现不行，如果降低层级后 canvas动画的展示被遮挡 效果不堪

这时候，pointer-events：none 就要闪亮登场了

image.png

由此看来，还是不错的

简单说下应用场景，元素应用了该 CSS 属性，链接啊，点击啊什么什么都会失效，实体虚化 玄幻啊
之前用js判断click off什么什么 可以省略了 一个属性搞定

pointer-events: none 大法好！

另外呢 ，回到主题，这个属性最重要的就是穿透！使用canvas 构造动画铺满页面 用户点击不了页面链接等 实用的很

image.png

pointer-events:属性还有很多，很多妙用，想了解的去css3手册了解一下