Пользовательский образ курсора не работает во всех IE?

Я думаю, что я пробовал разные методы, предлагаемые по всему Интернету, но ничего не получилось. Это мой текущий код css:

div {
   cursor: url(images/zoomin.cur), auto;
}

Он отлично работает, за исключением IE...

Ответ 1

К сожалению, cursor является обычным явлением в IE, по крайней мере до 8 и включает 8

В Internet Explorer для Windows вплоть до версии 8, включая относительное значение URI указывается во внешнем файле таблицы стилей базовый URI считается URI документа, содержащего а не URI таблицы стилей, в которой декларация появляется.

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

Возможно, вам захочется использовать conditional comment для целевого IE, а затем подать его в модифицированное правило стиля с помощью другого url.

Ответ 2

Я решил таким образом захватить курсор в Internet Explorer, сославшись на ответ @JasonGennaro:

В Internet Explorer для Windows вплоть до версии 8, включая относительное значение URI указывается во внешнем файле таблицы стилей базовый URI считается URI документа, содержащего а не URI таблицы стилей, в которой декларация появляется.

.grab_cursor {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url('../img/cursors/openhand.cur'), url('img/cursors/openhand.cur'), n-resize; /* standard: note the different path for the .cur file */
    cursor: url('img/cursors/openhand.cur'), n-resize\9; /* IE 8 and below */
    *cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 7 and below */
    _cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 6 */
}

Дерево файлов:

index.html
css/style.css -> here the posted code
img/cursors/openhand.cur

Хорошие ссылки:

Рабочая демонстрация:

Демо

Ответ 3

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

div {
   cursor: url('app/images/zoomin.cur'), url('zoomin.cur'), auto;
}

В моей настройке первый url работает для IE11 (и ранее), потому что script, который использует курсор, находится в 'cgi-bin/app', в то время как файлы .cur и .css находятся в 'app/images', IE использует расположение документа в качестве базы, поэтому мне нужно добавить дополнительную информацию о пути, чтобы найти файл курсора. Второй url работает в Firefox, потому что .cur и .css находятся в одном месте, а Firefox использует базу .css в качестве базы, поэтому дополнительная информация о пути не требуется.

Ответ 4

Из документации msdn: URL (URI) Internet Explorer 6 и более поздних версий. Курсор определяется автором, используя пользовательский URI, такой как url ('mycursor.cur'). Курсоры типа .CUR и .ANI являются единственными поддерживаемыми типами курсоров.

Ответ 5

from: http://www.w3schools.com/cssref/pr_class_cursor.asp

Свойство cursor поддерживается во всех основных браузерах.

Примечание. Opera 9.3 и Safari 3 не поддерживают значения URL.

Примечание. Значение "inherit" не поддерживается в IE7 и ранее. IE8 требуется a! DOCTYPE. IE9 поддерживает "inherit".

Ответ 6

Для работы в IE вам нужно указать полный путь к файлу CUR. Например:.

html {
    cursor: url("../img/cursor.png"), url("http://www.example.com/dist/assets/img/cursor.cur"), default;
}

Ответ 7

эта работа для меня доказана в IE10, INDEXED в index.html(вы должны использовать абсолютные маршруты)

<style type="text/css">
    .container{
    cursor: url(http://path/of/folder/image.cur), default !important;
        }
</style>

Ответ 8

Я пытался использовать .ani и .gif, и он работает. Он должен выглядеть следующим образом:

body {
cursor: url(images/dog.ani), url(images/dog.gif), progress !important;
}

Этот css работает для моего сайта в chrome, firefox и IE.