懸停和unhover進入無限循環

Question

代碼：http://jsfiddle.net/Gwx6E/

當你將鼠標放在DIV，當DIV邊界到達光標所應用的正常風格類.a的。 使其在光標下移動，觸發懸停。這進入了無限循環。 有沒有什麼辦法可以解決這個問題，單獨使用css3？

Answer 1

不是，它是所需的行爲（但是在某些瀏覽器中存在差異：並非每個人都在沒有光標移動的情況下更新懸停狀態）。

你可以嘗試改變你的代碼的方式：添加一個包裝並觸發其上的懸停，所以只有子塊會移動，但懸停仍然會在父級上。

下面是一個例子：http://jsfiddle.net/kizu/Gwx6E/1/

另一種方法是使用僞元素，將被置於屏幕之上，因此懸停將永遠時候會動畫的元素，這裏有一個例子： http://jsfiddle.net/kizu/Gwx6E/2/ - 但是缺點是你不能將這個區域取消懸停，直到不會有任何更大的z-index的區塊放置在你想取消區域的地方。