当另一个元素悬停时，保持元素的悬停

Question

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

当鼠标越过元素时，图像会淡化到另一个图像，并且工具提示直接出现在图像上方，问题是当鼠标将图像留在工具提示上时，图像会再次淡出。由于工具提示与图像有关，我不希望它在光标离开图像或工具提示之前淡出。

代码有点令人费解，所以我创造了一个小提琴的情况。

所以基本上我希望图像不会淡化到原始图像，直到鼠标离开图像或相关的工具提示。

感谢您的帮助！

Example here

Answer 1

你不能使用纯CSS。您必须使用JavaScript onmouseover事件来注册悬停事件，并onmouseout取消注册，或者根据您是否需要维护悬停效果来忽略它。