這篇文章主要介紹如何解決css中hover做遮蓋罩閃動(dòng)的問題,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為黃平企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè),黃平網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
具體代碼如下所示:
你好
這是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代碼換成如下就能完美解決了。
最終效果如下
以上是“如何解決css中hover做遮蓋罩閃動(dòng)的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!