头闻号

广州市白云区三元里小泽化妆品商行

皮肤用化学品|丰胸化学品|化妆品包装|其他日用化学品

首页 > 新闻中心 > 科技常识:解决css中hover做遮盖罩闪动问题(推荐)
科技常识:解决css中hover做遮盖罩闪动问题(推荐)
发布时间:2023-02-01 10:12:36        浏览次数:3        返回列表

今天小编跟大家讲解下有关解决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做遮盖罩闪动问题 希望对大家有所帮助 如果大家有任何疑问请给我留言 小编会及时回复大家的。在此也非常感谢大家对爱蒂网站的支持!

来源:爱蒂网