css3新属性：pointer-events:none解决鼠标进入闪烁问题

在实现一个侧边栏的小导航，鼠标经过导航出现对应内容块，可在鼠标停留在导航里面显示层就一直闪烁，应该是在鼠标进入后移动到子级触发的事件冒泡导致的，查了很多解决方法，菜鸟看不懂…，直到看到了pointer-events。

pointer-events:none解决鼠标经过闪烁问题

给目标元素添加上pointer-events:none属性
pointer-events:none属性 的作用：添加上该属性的元素，在页面上不会有任何的鼠标事件，只能看得见，不能进行任何的操作。

兼容性：

我是给隐藏层添加了pointerEvents = 'none’属性
让它在出现的时候添加该属性，使鼠标进入子级时无法触发事件改变它的属性

在IE和谷歌都可以正常显示，显示框不会出现闪烁的情况

但这种解决方法应该只适用隐藏层无需任何事件的，如果隐藏层还需要有点击事件，就要找其他解决方法了。