具體代碼如下所示:
<div id="div2"></div><div id="div3"><p>你好</p></div>
這是html代碼部分,原本想做一個(gè)遮蓋罩的效果,當(dāng)鼠標(biāo)移動(dòng)到div2的時(shí)候,div3會(huì)出現(xiàn)微微遮一下div2.
所以最開始的css代碼是這樣的
做完后發(fā)現(xiàn)出了一個(gè)問題,那就是鼠標(biāo)移動(dòng)到div2的時(shí)候div3會(huì)不停的閃爍。這并不是我想要的效果,于是我去找了很多資料,終于找到了原因
原來,當(dāng)鼠標(biāo)移動(dòng)到div2的時(shí)候,div3會(huì)出現(xiàn),這樣鼠標(biāo)就會(huì)在div3上,而不是在div2上面。于是div2又會(huì)消失,如此反復(fù)。
解決方法也很簡(jiǎn)單,將div2:hover代碼換成如下就能完美解決了。
最終效果如下
總結(jié)
以上所述是小編給大家介紹的解決css中hover做遮蓋罩閃動(dòng)問題,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選