span标签绑定mouseover/mouseout事件,显示/隐藏一个信息框div
该div下没有任何子元素
悬停上去一直闪烁,改成mouseenter也没用。
照成的原因是:悬停上去信息框div盖住了span标签,mouseover事件失效,mouseout事件生效,信息框消失。
信息框消失后鼠标又正好悬停在span标签上,mouseover事件生效,mouseout事件失效,信息框显示。。。
一直无限循环就会看到一直闪烁的现象。
解决办法 :在你需要显示的信息框上加上pointer-events: none
但是很讨厌的就是 pointer-events: none好像只能支持 ie11+
原文:https://blog.csdn.net/GentleMannn/article/details/80475322