CSS-пользовательский курсор не работает в FF/Chrome

Я пытаюсь создать пользовательский курсор, используя следующее изображение:

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

Размер изображения должен быть сохранен. Я пробовал просто использовать body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); }, хотя это не работает в FF/Chrome. (даже не проверяя другие браузеры)

Какая причина для этого не работает?

Ответы

Ответ 1

Проблема заключается не только в том, что ваш код css не имеет второго аргумента, а с файлом изображения.

Если вы просто измените размер, сделайте его меньше (я пробовал 32px для тестирования), он работает как шарм.

Вам также может понадобиться "указатель", а не авто, судя по внешнему виду изображения;

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;

ИЗМЕНИТЬ: Я понимаю, что вы хотели сохранить размер, но он просто не сработает. см. https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property для получения дополнительной информации

Ответ 2

Для Firefox требуется второй аргумент не-url, например

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), auto;

В Quirksmode есть отличная ссылка CSS2 - Стили курсора

Ответ 3

Я попытался использовать курсор: url ('filepath/cursor.ani'), по умолчанию; но курсор не загружается, и вместо моего пользовательского курсора используется оригинальный указатель по умолчанию.