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

Question

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

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

Answer 1

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

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

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

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

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

Ссылки

• http://www.w3.org/TR/css3-ui/#cursor
• https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

Answer 2

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