使用hover时,鼠标放在上面移动时会不停的触发和闪动

项目场景:

鼠标移到div1时显示div2的内容,移出时隐藏。


问题描述:

当鼠标移入div1时div2会显示,但是鼠标在div1区域内继续移动会不停的触发hover导致div2频繁显示隐藏。(不方便截动图就不截了,大家自行脑补 ψ(*`ー´)ψ 


原因分析:

鼠标移入div1时,div2显示,鼠标在div2上代表移出div1,触发移出div2会隐藏,鼠标就会处在div1之上,然后触发移入div2显示,以此类推造成反复隐藏显示的闪动效果。


解决方案:

把div2放到div1里面就能解决了( ̄▽ ̄)/

你可能感兴趣的:(css,css3,前端)