2014-01-10 5 views
1

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

<html> 
<head> 
<title>Custom Cursor</title> 
<style> 
h1{ 
cursor: url(http://www.franco.it/Images/Lookf.png), auto; 
} 
</style> 
</head> 
<body> 
<h1>Custom Cursor</h1> 
</body> 
</html> 

Работает в Chrome, Firefox и Safari - все, кроме IE. Некоторые статьи говорят, что я должен использовать формат .cur, но как преобразовать изображение в cur? Я не мог найти правильную ссылку для ее преобразования.

Спасибо.

+0

может быть потому, что IE отстой .... что IE версии вы говорите так или иначе ?? ? – NoobEditor

+1

Возможный дубликат http://stackoverflow.com/questions/7419314/custom-cursor-image-doesnt-work-in-all-ies –

+0

Windows Internet Explorer 9 и выше: при указании пользовательского курсора через url() вы должен содержать по крайней мере один «резервный» курсор в дополнение к пользовательскому курсору, или пользовательский курсор не будет отображаться правильно. Например, «cursor: url (курсоры/cursor2.ani), указатель». http://msdn.microsoft.com/en-us/library/ie/aa358795(v=vs.85).aspx –

ответ

5

IE не поддерживает формат png для курсора.

Вам необходимо преобразовать в "cur" формат.

код CSS будет выглядеть следующим образом

h1{cursor: url(http://myworkstudio.com/app/cursor1.cur), pointer} 

Вы можете обратиться ниже URL:

http://chevronscode.com/index.php/ie-custom-cursor.html

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