如何让 div 在悬停时消失而不会在鼠标移动时闪烁? [英] How to make a div disappear on hover without it flickering when the mouse moves?
本文介绍了如何让 div 在悬停时消失而不会在鼠标移动时闪烁?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在 :hover
css 上看到了建议只是 display:none
的答案.但这会使 div 在鼠标移动时闪烁.
I've seen answers suggesting just display:none
on the :hover
css. But that makes the div flicker when the mouse is moving.
添加 jsfiddle
推荐答案
display:none
会将元素从渲染树中取出,因此它会失去 :hover
状态立即,然后重新出现并再次获得 :hover
,消失,重新出现,等等......
display:none
will take the element out of the render tree, so it loses :hover
state immediately, then reappears and gets :hover
again, disappears, reappears, etc...
你需要的是:
#elem { opacity:0; filter:alpha(opacity=0); }
它将使该位置为空,因此不会出现闪烁.(演示 或 你的更新了)
It will leave the place empty, so no flickering will appear. (Demo or yours updated)
这篇关于如何让 div 在悬停时消失而不会在鼠标移动时闪烁?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文