關於 hover 時候閃爍的問題


實現功能:鼠標移入 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>    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM