DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题

最近在使用mouseover和mouseout控制同一元素进行操作时会出现闪烁的问题，在网上也找了很多方法都不适用，比如有说用mouseenter 和 mouseleave来分别替换mouseover和mouseout，试了还是闪烁，最后用了pointer-events: none;的属性解决了问题。

pointer-events: none;
意思就是让鼠标事件失效（链接、点击等事件）。

所以直接在要显示和隐藏的元素上加上pointer-events: none;就行；

#box2 {
	position: fixed;
	bottom: 160px;
	right: 80px;
 	display: none;
	pointer-events: none;
}