изменить курсор на веб-странице

Question

Я пытаюсь изменить курсор с .gif изображением.На всей странице будет отображаться не только одна ссылка.Я сделал это как

<style type="text/css">
body {
cursor:url(Butterfly.gif);
}
</style>

это не работает.У меня также есть файл .cur.Он работает в IE, но не в Firefox.

Answer 1

Вы должны добавить запасной вариант, например,

body {
  cursor: url(Butterfly.gif), url(Butterfly.ani), auto;
  /*                                            ^^^^^^ 
                                                compulsory, according to CSS 2.1
   */
}

Подробнее см. https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property.

Answer 2

Если вы настаиваете, вы должны использовать файл .cur для Internet Explorer.

Internet Explorer до версии 8 включительно поддерживает только значения URI типа .CUR и .ANI.(Другие перечисленные списки браузеров поддерживают .CUR, .PNG, .GIF и .JPG, но не .ANI.) Также обратите внимание, что для операционной системы Windows требуется, чтобы изображение было размером 32 x 32 пикселя или меньше, хотя спецификации допускаютбольшие размеры, чем этот.

http://reference.sitepoint.com/css/cursor

Хотя я бы сказал, не используйте его вообще.

Answer 3

Возможно, вы захотите использовать абсолютный путь (http://www.example.com/images/Butterfly.gif), чтобы убедиться, что он работает вообще, вместо относительного пути (Butterfly.gif).