2010-08-27 3 views
3

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

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

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

+2

Я обычно не поклонник людей, меняющих мою мышку, на какое-то смешное изображение. Возможно, мне понравится бабочка, «плавающая» вокруг моего экрана. – Chris

+0

, но сайт для детей. Это должно быть смешно для них). – Ercan

+0

См. Https://developer.mozilla.org/en/CSS/cursor и https://developer.mozilla.org/en/CSS/cursor для информации о совместимости. Чтобы получить дополнительную информацию, вам нужно разместить дополнительную информацию, такую ​​как ссылка на (не) рабочую страницу. – RoToRa

ответ

6

Вы должны добавить резервную копию, например.

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.

+2

Ах, я никогда не знал, что ... –

+0

это работает на firefox, но не на IE – Ercan

+0

@Meko: Это потому, что IE не поддерживает '.gif'. Это объясняется в нижней части страницы. – kennytm

0

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

+0

Я использовал также абсолютный путь, но .gif не работал. Я искал учебники, и все говорит, что работает .gif. – Ercan

+0

@Meko: хорошо, стоило попробовать. Вероятно, вы, вероятно, смотрите на ответ @ KennyTM, который, скорее всего, поможет. –

1

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

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

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

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

Смежные вопросы