Я пытаюсь использовать пользовательский курсор для онлайн-игры, в данном случае это область снайпера.
Проблема заключается в том, что когда я ссылаюсь на курсор через CSS, точка взаимодействия по-прежнему остается в левом верхнем углу значка, тогда как для обозначения курсора нужно иметь в виду мертвую точку.
Здесь курсор:
cursor:url(http://www.seancannon.com/_test/sniper-scope.cur),default;
Вот демо: http://jsfiddle.net/9kNyF/
Если вы поместите красную точку из курсора над красной точкой, которую я создал в демо, она не будет запускать событие click. Вы должны попытаться прицелиться в верхний левый угол.
Если вы вернете курсор на cursor:default;
, вы увидите, что событие щелчка просто прекрасное, это просто вопрос "прицеливания" курсора.
Игра закодирована в JQuery, поэтому, если мне нужно добавить некоторую логику для смещения курсора или что-то хромое, пусть будет так. В идеале я хочу, чтобы это было исправлением CSS.
Спасибо!