CSS里的hover实现遮盖罩出现闪动的情况怎么办-群英

上一篇：在CSS中如何实现六边形并设置充背景的效果下一篇：Rem怎么样设置字体大小的，浏览器的兼容性怎样

这篇文章主要讲解了“CSS里的hover实现遮盖罩出现闪动的情况怎么办”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS里的hover实现遮盖罩出现闪动的情况怎么办”吧！

具体代码如下所示：

<div id="div2"></div>
<div id="div3">
<p>你好</p>
</div>

这是html代码部分，原本想做一个遮盖罩的效果，当鼠标移动到div2的时候，div3会出现微微遮一下div2.

所以最开始的css代码是这样的

做完后发现出了一个问题，那就是鼠标移动到div2的时候div3会不停的闪烁。这并不是我想要的效果，于是我去找了很多资料，终于找到了原因

原来，当鼠标移动到div2的时候，div3会出现，这样鼠标就会在div3上，而不是在div2上面。于是div2又会消失，如此反复。

解决方法也很简单，将div2:hover代码换成如下就能完美解决了。

最终效果如下

总结

现在大家对于CSS里的hover实现遮盖罩出现闪动的情况怎么办的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： hover实现遮盖罩闪动

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：在CSS中如何实现六边形并设置充背景的效果下一篇：Rem怎么样设置字体大小的，浏览器的兼容性怎样