我在display:none css上看到建议仅使用:hover的答案。但这会使div在鼠标移动时闪烁。

编辑:添加了jsfiddle

最佳答案

display:none将元素从渲染树中移出,因此它会立即失去:hover状态,然后重新出现并再次获得:hover,消失,重新出现,等等。

您需要的是:

#elem { opacity:0; filter:alpha(opacity=0); }

它将使该位置为空,因此不会出现闪烁。 (Demo yours updated)

关于css - 如何使div在鼠标悬停时消失而不会在鼠标移动时闪烁?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5844622/

10-11 03:03