css中hover做遮蓋罩閃動問題

這次帶給大家css中hover做遮蓋罩閃動問題，css中hover做遮蓋罩的注意事項有哪些，下面就是實戰案例，一起來看一下。

具體程式碼如下：

<p id="p2"></p>
<p id="p3">
<p>你好</p>
</p>

這是html程式碼部分，原本想做一個遮罩的效果，當滑鼠移動到p2的時候，p3會出現微微遮一下p2.

所以最開始的css程式碼是這樣的

完成後發現出了一個問題，那就是滑鼠移動到p2的時候p3會不停的閃爍。這不是我想要的效果，於是我去找了很多資料，終於找到了原因

原來，當滑鼠移動到p2的時候，p3會出現，這樣滑鼠就會在​​p3上，而不是在p2上面。於是p2又會消失，如此反覆。

解決方法也很簡單，p2:hover程式碼換成如下就能完美解決了。

最終效果如下                                                         

################################1了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ ######推薦閱讀：#########hover選擇器如何使用################CSS做出圖片背景填滿的六邊形## #######

以上是css中hover做遮蓋罩閃動問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！