pointer-events: none； 可以让某个元素实现类似于海市蜃楼的效果，具体理解为，你可以看的到某个元素，但是你无法摸的着。
而display：none; 是你摸不着，但是你也看不见。
pointer-events: none；摸不着，但是看得见。如果把某个元素再加上opacity：0；则可以很容易实现类似display:none；的效果（摸不着，看不见）。
浅谈css3有意思的属性pointer-events: none；
原文地址：https://www.cnblogs.com/teamemory/p/9889008.html