本文介绍了如何让 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 在悬停时消失而不会在鼠标移动时闪烁?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！