Image curseur personnalisé ne fonctionne pas dans tous les IE?

Je pense que j'ai essayé différentes méthodes proposées sur internet mais rien n'a fonctionné. C'est mon code css:

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

Il fonctionne bien sauf dans IE...

source d'informationauteur jilseego

css cursor

16

Malheureusement, cursor est clair buggy dans IE, au moins jusqu'à et y compris 8

Dans Internet Explorer pour Windows jusqu'à la version 8, si un
URI relatif de la valeur est spécifiée dans une feuille de style externe fichier de l'
URI de base est considéré comme l'URI du document contenant l'
élément, et pas l'URI de la feuille de style dans lequel la déclaration
apparaît.

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

Vous pouvez être en mesure d'utiliser un conditional comment pour cible IE et puis l'alimentation à une modification de la règle de style avec un autre url.

J'ai résolu de cette façon pour la saisir curseur dans Internet Explorer, citant le @JasonGennaro's réponse:

Dans Internet Explorer pour Windows jusqu'à la version 8, si un
URI relatif de la valeur est spécifiée dans une feuille de style externe fichier de l'
URI de base est considéré comme l'URI du document contenant l'
élément, et pas l'URI de la feuille de style dans lequel la déclaration
apparaît.

.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; /* 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 */
}

Arborescence des fichiers:

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

De bonnes références:

De Travail Démo:

Démo

2

Parce que les différents navigateurs traiter URI relatif de l'différemment, le curseur de style permet à une liste d'url. Vous pouvez avoir un chemin d'accès qui fonctionne pour IE et un qui fonctionne pour les autres navigateurs:
```
div {
   cursor: url('app/images/zoomin.cur'), url('zoomin.cur'), auto;
}
```
Dans ma configuration, le premier url fonctionne pour IE11 (et plus tôt) parce que le script utilise le curseur est dans 'cgi-bin/app' tout le .cur et .les fichiers css sont dans "app/images". IE utilise l'emplacement du document comme base, j'ai donc besoin d'ajouter plus d'informations de chemin d'accès pour localiser le fichier de curseur. La deuxième url fonctionne dans Firefox, car .cur et .les css sont dans le même emplacement et Firefox utilise le .css emplacement de la base, de sorte que des informations de chemin supplémentaires n'est pas nécessaire.
1

Partir de la documentation msdn:
url(uri)
Internet Explorer 6 et versions ultérieures. Le curseur est défini par l'auteur, à l'aide d'une URI personnalisé, tels que les url('mycursor.cur"). Curseurs de type .CUR et .ANI sont les seuls pris en charge types de curseur.
0

à partir de : http://www.w3schools.com/cssref/pr_class_cursor.asp

Le curseur de la propriété est prise en charge dans tous les principaux navigateurs.

Remarque: l'Opéra 9.3 et Safari 3 ne prennent pas en charge l'URL de valeurs.

Remarque: La valeur "hériter" n'est pas pris en charge dans internet explorer 7 et versions antérieures. IE8
nécessite un !DOCTYPE. IE9 prend en charge "hériter".

De travail dans IE vous devez spécifier le chemin d'accès complet au CUR de fichier. E. g.:

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

ce un travail pour me prouvé dans IE10, INDEXÉE dans le de index.html( vous devez utiliser absolue routes)

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

-1

J'ai essayé d'utiliser .l'ani et .gif et cela fonctionne. Il devrait aller comme ça:
```
body {
cursor: url(images/dog.ani), url(images/dog.gif), progress !important;
}
```
Cette css fonctionne pour mon site web dans google chrome, firefox et IE.

Vous devez vous connecter pour publier un commentaire.