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代碼換成如下就能完美解決了。

最終效果如下

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

hover選取器如何使用

CSS做出圖片背景填充的六邊形