如何让 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 在悬停时消失而不会在鼠标移动时闪烁?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！