Как установить точку доступа в центр пользовательского курсора?

Я использую пользовательский курсор (png-изображение) на веб-странице с помощью атрибутов CSS курсора. Я хотел бы знать, могу ли я сосредоточить позицию курсора (например, курсор перекрестия в Windows) и не использовать позицию по умолчанию слева вверху.

Одним из решений будет скрыть курсор и создать div с помощью пользовательского курсора, который будет следовать за позицией курсора, но, возможно, у кого-то есть лучшее решение.

Ответ 1

Если ваш курсор находится в формате .cur (в IE поддерживаются только .cur и .ani), то какая бы программа, которую вы использовали для создания .cur, не могла установить точку доступа в заголовке.

Если вы используете какой-либо другой тип изображения, CSS 3 позволяет установить значения x и y точки доступа:

#myEl { cursor: url(mycursor.png) <x> <y>; } 

Поддерживается в:

  • Firefox 1.5+
  • Safari 3 +
  • Chrome 1 +

Ссылки

Ответ 2

Также вы можете создать свой собственный .cur файл, используя эту удивительную ссылку http://www.cursor.cc/ Не только эту точку доступа можно также решить и разместить здесь.