0
0
php中世界最好的语言
发布时间：2018-03-20 17:16:05
|2458人浏览过
|来源于php中文网
原创
这次给大家带来css中hover做遮盖罩闪动问题，css中hover做遮盖罩的注意事项有哪些，下面就是实战案例，一起来看一下。
具体代码如下所示：
你好
这是html代码部分，原本想做一个遮盖罩的效果，当鼠标移动到p2的时候，p3会出现微微遮一下p2.
所以最开始的css代码是这样的
做完后发现出了一个问题，那就是鼠标移动到p2的时候p3会不停的闪烁。这并不是我想要的效果，于是我去找了很多资料，终于找到了原因
原来，当鼠标移动到p2的时候，p3会出现，这样鼠标就会在p3上，而不是在p2上面。于是p2又会消失，如此反复。
解决方法也很简单，将p2:hover代码换成如下就能完美解决了。
最终效果如下
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
相关文章
css 想让图片在悬停时渐变旋转怎么办_利用 transform 过渡属性实现动画
css 想让文字颜色改变平滑显示怎么办_设置文字颜色过渡属性和持续时间
css 想在项目中快速实现按钮悬停动画怎么办_使用 css tailwind hover 工具类
css 想让卡片在滑动时过渡自然怎么办_设置位置和阴影过渡属性
css hover 时变化太生硬怎么办_利用 transition 平滑属性变化
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
