处理css中hover做遮住罩闪烁难题(强烈推荐)

日期:2020-09-19 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

实际编码以下所示:

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

这是html编码一部分,本来想做1个遮住罩的实际效果,当电脑鼠标挪动到div2的情况下,div3会出現略微遮1下div2.

因此最初的css编码是这样的

做完后发现出了1个难题,那便是电脑鼠标挪动到div2的情况下div3会不断的闪动。这其实不是我要想的实际效果,因而我去找了许多材料,终究寻找了缘故

原先,当电脑鼠标挪动到div2的情况下,div3会出現,这样电脑鼠标就会在div3上,而并不是在div2上面。因而div2又会消退,这般不断。

处理方式也很简易,将div2:hover编码换为以下就可以完善处理了。

最后实际效果以下                                        

                                          

总结

以上所述是网编给大伙儿详细介绍的处理css中hover做遮住罩闪烁难题,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!