关于mouseenter和mouseleave导致闪烁问题(mouseover)

关于mouseenter和mouseleave导致闪烁问题(mouseover)

遇到点问题，就是标题所说的闪烁问题，然后就去百度
百度到的答案很多，有的说：
1.用hover试一下
2.冒泡
3.还有的是mouseover让用mouseenter的
4. 还有的说用pointer-events: none(这种的确有效，但是如果用这个你这个鼠标点击的操作失效)
这三个试了一下和我自己的不相关，然后还有一些大神弄了一堆说算图片的这个大小。
可能是这些人的项目比较复杂考虑的比较多。
其实我这个比较简单，eg：

比如：你child1放了背景图片，child2有个很小的图片
你想要用mouseenter 和leave事件来click下
那么你这个事件**(mouseenter 和leave)就要放在父级元素far上,这样就不会闪烁了。
其实说到这里最主要还是兄弟元素会导致闪烁**，父级不会，具体原因不知道。如果有大神看到可以留言给解释下。谢谢