大家首先想到的应该是定位降低层级,实际测试后又发现不行,如果降低层级后 canvas动画的展示被遮挡 效果不堪
这时候,pointer-events:none 就要闪亮登场了
image.png
由此看来,还是不错的
简单说下应用场景,元素应用了该 CSS 属性,链接啊,点击啊什么什么都会失效,实体虚化 玄幻啊
之前用js判断click off什么什么 可以省略了 一个属性搞定
pointer-events: none 大法好!
另外呢 ,回到主题,这个属性最重要的就是穿透!使用canvas 构造动画铺满页面 用户点击不了页面链接等 实用的很
image.png
pointer-events:属性还有很多,很多妙用,想了解的去css3手册了解一下
网友评论