當另一個元素被佔用時保持元素的懸停

Question

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

當鼠標移過元素時圖像淡入另一圖像並且工具提示出現在圖像正上方會發生什麼，問題是當鼠標將圖像放到工具提示上時，圖像又會淡出。由於工具提示涉及圖像，我不希望它淡出，直到光標離開圖像或工具提示。

該代碼是有點複雜的顯示，所以我創造了一個情況的小提琴。

所以基本上我希望圖像不會退色到原始狀態，直到鼠標離開圖像或關聯的工具提示。

感謝您的幫助！

Example here

Answer 1

不能使用純CSS這一點。您必須使用JavaScript onmouseover事件來註冊懸停事件，並且onmouseout可以根據您是否需要維護懸停效果來取消註冊或忽略它。