Как установить точку доступа в центр пользовательского курсора?
Я использую пользовательский курсор (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/
Не только эту точку доступа можно также решить и разместить здесь.