我在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/