Изменить горячую точку курсора мыши на веб-странице

Question

Я бы хотел изменить точку доступа указателя мыши, иконку которой мы изменили с помощью файла .cur, чтобы она находилась в правом нижнем углу изображения, а не в левом верхнем углу.

Почти как перевернутый курсор со стрелкой, дизайнеры / босс придумали хороший дизайн, который почти требует этого.

Можно ли изменить точку доступа курсора мыши на веб-странице?

Answer 1

Я не проверял, получил от developer.mozilla.org :

Добавлена ​​поддержка синтаксиса CSS3 для значений курсора в Gecko 1.8beta3; поэтому он работает в Firefox 1.5. Позволяет указать координаты горячей точки курсора, которая будет привязана к границам изображения курсора. Если ничего не указано, координаты горячей точки считываются из самого файла (для файлов CUR и XBM) или задаются в верхнем левом углу изображения. Пример синтаксиса CSS3:

cursor: url(foo.png) 4 12, auto;

Ссылка на CCS3 курсор

Answer 2

Это невозможно, и я рад - я думаю, что вы только расстроите своих пользователей этим.

Редактировать: Я был неправ - я не думал, что это возможно - я все еще не думаю, что вы должны это делать.

Answer 3

Вы не можете. И как большинство людей здесь, я бы сказал вам не делать этого, даже если бы вы могли ...

Тем не менее, я мог бы представить что-то подобное для очень специфических случаев, таких как страница какого-либо художника, или игровой курсор, или что-то вроде 3D-карты с курсором, направленным вниз. Теперь, если вам действительно нужен специальный курсор для медиа-ориентированного сайта, в отличие от информационного сайта, я бы скрыл курсор с пустым файлом курсора и использовал бы некоторый Javascript, чтобы прикрепить плавающее изображение над курсором, чтобы оно «выглядело как «горячая точка где-то еще.

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