實現功能:鼠標移入 div1 時顯示 div2,移出是隱藏,兩個 div 的位置關系是上下重疊。
問題:當兩個 div 是獨立的不相互關聯的時候(特殊需求形成了如下布局,已簡化),鼠標移入會瘋狂閃爍(div2 一直在顯隱之間徘徊)
<div class="div1"></div> <div class="div2"></div>
原因:鼠標移入,div2 顯示,鼠標處在 div2 上,相當於移出 div1,所以 div2 隱藏;div2 隱藏之后,div1 暴露,鼠標又置於 div1 上,繼續執行鼠標移入的行為;如此往復...閃爍
解決:div2 作為 div1 的一部分存在....
<div class="div1"> <div class="div2"></div> </div>