悬停另一个元素时，保持其悬停

Question

我正在使用一些jquery在悬停时淡入和淡出图像。

当鼠标移到该元素上时，图像会淡化为另一图像，并且工具提示出现在图像上方，会发生什么问题，当鼠标将图像留在工具提示上时，图像会再次淡出。 因为工具提示与图像有关，所以我不希望它在光标离开图像或工具提示之前逐渐消失。

该代码有点令人费解，因此我创建了这种情况。

因此，基本上我希望图像在鼠标离开图像或相关的工具提示之前不会退回到原始图像。

谢谢你的帮助！

这里的例子

Answer 1

您不能为此使用纯CSS。 根据是否需要保持悬浮效果，必须使用JavaScript onmouseover事件注册一个悬浮事件，并使用onmouseout取消注册该事件，或者简单地忽略它。