Я хотел бы заменить курсор мыши на пользовательское изображение, когда курсор мыши находится над определенным элементом. Я делаю это, сначала отключив курсор мыши с помощью

cursor: none;

когда он парит элемент.

Затем я зачитываю позицию курсора на элементе наведения и устанавливаю позицию CSS на графике с позицией курсора с небольшим смещением, чтобы курсор мыши находился не над графиком, а над областью наведения.

Я сделал скрипку здесь: http://jsfiddle.net/TimG/6XeWK/

Теперь все работает тихо, все в порядке. Проблема заключается в том, что когда вы очень быстро перемещаете мышь, курсор мыши покидает область наведения и «скользит». над изображением, что, конечно, делает невозможным определение положения мыши относительно области наведения (очень быстро перемещайтесь к левому нижнему краю на области черного наведения). Я мог бы сделать немного труднее выскользнуть из области наведения, установив на графике

display: none;

перед изображениями & apos; Положение CSS изменяется, и после его изменения устанавливается значение

display: block;

снова. К сожалению, это не полностью предотвращает эту проблему.

Итак: есть ли способ предотвратить это? Или есть способ поместить курсор мыши за руку? Вроде как установка z-index для курсора мыши (я думаю, что это было бы невозможно, так как это не элемент DOM)?

Спасибо за любую помощь.