如何让 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)
相关文章