Почему не работает url() у cursor?

Question

[kaliboba]

В папке static лежит файл style.css, index.html и сама картинка(исключая несколько файлов js, они тут роли не играют). В css файле пишу:

#canvas
{
    cursor: url('hand.png'), pointer;
}

и отображается именно pointer. Пробовал писать со static, пробовал без кавычек (в VScode тогда файл отображался как ссылка и я мог перейти по ней увидев саму картинку), но ничего из этого не помогло, иногда даже выходила ошибка, говорящая что не может hand.png найти. При том коде, что я выложил, такой ошибки нет, но отображается именно pointer
CSS подключен к html нормально, без бед

Comments

[bit8]

А укажи путь через ./

[kaliboba]

bit8, не помогло

[Алексей Уколов]

И не должно было помочь - менять один относительный путь на другой нет никакого смысла. Путь должен быть абсолютным от корня веб-сервера. Скорее всего, просто /hand.png.

[kaliboba]

Алексей Уколов, тоже не помогло

[Алексей Уколов]

А по адресу http://%site.domain%/hand.png картинка открывается? Нужно найти такой адрес, по которому она откроется (добавлять директории от корня веб-сервера, пока не дойдёте до директории с картинкой) и указать его (без домена) в url().

[kaliboba]

Алексей Уколов, по адресу открывается

[Владимир Е]

kaliboba, а если так

#canvas
{
    cursor: url('hand.png') 0 0, pointer;
}

[kaliboba]

Владимир, не работает((

[Владимир Е]

kaliboba, попробуй картинку конвертнуть в свг и ее вставить

[kaliboba]

Владимир, тоже не сработало

[Владимир Е]

Может с размерами иконки беда какая
если ее уменьшить до 10*10 (или 20*20), то будет работать?
Вот на хабре дернул иконку, вставил как курсор - работает
Тест - для любого элемента в консоли задать

cursor: url(https://assets.habr.com/qna/6516ca7e/images/search-filters-arrow.svg) 0 0, not-allowed;

[kaliboba]

Владимир, о, эта сработала, значит явно что-то с размерами

[kaliboba]

Владимир, но какие бы я значения не ставил - не появляется

[Владимир Е]

kaliboba, тогда тут смотреть)
https://developer.mozilla.org/en-US/docs/Web/CSS/c...

[mletov]

kaliboba,

о, эта сработала, значит явно что-то с размерами

ну тогда и картинку hand.png к вопросу прикрепили бы

[Natalia Baženova]

посмотреть ее в developer console, попробовать открыть по тому линку, который там отображается

[UthvfyV]

не пойму в чём проблема. Если по адресу url('hand.png') картинка с рукой зачем эти все излишества. А не проще ли просто написать#canvas {cursor: pointer;} Не понятно, к чему это всё. Тем более что это не работает. А если указывать путь то полный путь до корневой папки. kaliboba, укажи полный путь до корневой папки.