зависание и уход в бесконечный цикл

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, которые будут расположены в тех местах, где вы хотите отвести блок.