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 想通过 hover 改变背景颜色怎么办_background-color 与 hover 伪类
css伪类:hover和:focus同时使用效果冲突_通过优先级和组合选择器处理
css 想让文字在鼠标悬停时上下漂浮动画怎么办_使用 transform translateY keyframes 实现漂浮
css 想给 hover 链接设置渐变颜色怎么办_hover 伪类与 linear-gradient
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
