mouseover等闪烁问题

在使用mouseover等鼠标事件时如移动上去灰色的遮罩层高度从0到100%

在操作中发现鼠标一直在图里面但遮罩会一直变化，我感觉应该是遮罩层出现后导致鼠标离开了底层图片所以会一直变化。想起之前用的

给遮罩层添加

pointer-events: none;
在这试了一下，发现还是有效果的；这是用来阻止元素上的事件的。使用了这个，在该元素上进行任何JS操作等都会失效，主要用在SVG上，网上很多说的都是采用延迟的办法。大家都可以根据具体的要求选择适合的方法。