Скрыть курсор в Chrome (и IE)

У меня есть следующий CSS, который скрывает курсор мыши для чего-либо на веб-странице. Он отлично работает в Firefox, но в IE и Chrome он не работает.

html {
    cursor: none;
}

в Chrome я всегда вижу указатель мыши. В IE, однако, я вижу, что курсор был последним "активным", когда он вошел в экран. Предположительно, он сохраняет последний выбор, а не удаляет его.

6 ответов


отель cursor:none; не является частью стандарта

посмотреть здесь свойства CSS курсора w3c.

возможно, вы захотите скрыть его с помощью Javascript или JQuery.

кроме того, посмотрите на пустые файлы курсора здесь.

и последняя ссылка на решение ajax.

у Chrome была эта проблема, так как она была построена, были отчеты, отправленные людям в хром, и я предположим, они работают над этим.

кроме того, не верьте, что что-нибудь будет работать в IE. Когда-либо. : P


У меня была такая же проблема в эти дни и нашел хорошее решение, чтобы скрыть указатель в Google Chrome.

Это W3C по определению свойства url:

запятая, разделенная URL на пользовательские указатели. Примечание: всегда указывайте общий курсор в конце списка, в случае, если ни один из URL-адресов, определенных курсоры можно использовать

таким образом, вы можете определить url для не совсем прозрачный изображения, а затем указатель по умолчанию:

cursor: url(img/almost_transparent.png), default;

Если вы выберете полностью прозрачный png, Chrome отобразит черный прямоугольник, но если вы выберете png с по крайней мере 1px непрозрачным, он будет работать, и никто не заметит указатель.


найти что-то, что работает в браузерах, - это боль.

ниже код работает в Chrome, IE и Firefox. Т. е. любит .cur файлы, Chrome любит встроенный png, и некоторые браузеры на самом деле уважают нет :)

div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
}

поэтому лучший способ справиться с этим сейчас-api блокировки указателя.

https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock

он скроет курсор мыши, но даст вам доступ к данным о движении мыши, а также.


в css:* { cursor: url(cursor.png), none !important }


используйте скрытый апплет с java.ОУ.класс robot для перемещения курсора с экрана. Скажем, в левом нижнем углу.