懸停另一個元素時，保持其懸停

Question

我正在使用一些jquery在懸停時淡入和淡出圖像。

當鼠標移到該元素上時，圖像會淡化為另一圖像，並且工具提示出現在圖像上方，會發生什么問題，當鼠標將圖像留在工具提示上時，圖像會再次淡出。 因為工具提示與圖像有關，所以我不希望它在光標離開圖像或工具提示之前逐漸消失。

該代碼有點令人費解，因此我創建了這種情況。

因此，基本上我希望圖像在鼠標離開圖像或相關的工具提示之前不會退回到原始圖像。

謝謝你的幫助！

這里的例子

Answer 1

您不能為此使用純CSS。 根據是否需要保持懸浮效果，必須使用JavaScript onmouseover事件注冊一個懸浮事件，並使用onmouseout取消注冊該事件，或者簡單地忽略它。