Les curseurs CSS ne fonctionnent pas dans les navigateurs WebKit

Question

J'ai des problèmes avec les curseurs qui ne sont pas tirés dans les navigateurs WebKit. De manière surprenante, IE et Opera fonctionnent comme je le demande. Voici le CSS

.olControlDrawFeatureActive { 
     cursor: url(<DOMAIN>/common/images/cursors/draw.png), crosshair, default; 
    } 

Il change tout simplement le curseur sur le tirage au sort ou .png, si elle n'accepte pas les curseurs personnalisés ou PNGs (comme IE ou Opera) il par défaut le croisillon. Fonctionne bien dans IE et Opera, il va à la croix comme je le veux, FireFox, Safari et Chrome, d'autre part refuser de retourner tout css pour cela du tout. En regardant le CSS retourné dans Firebug je viens d'obtenir.

.olControlDrawFeatureActive { 
    } 

Vide, et totalement inutile. J'ai essayé de remplacer l'URL par son chemin complet et son chemin relatif et (et c'est le plus confus pour moi) J'ai essayé de supprimer complètement le curseur personnalisé afin qu'il devienne par défaut le réticule, mais il retourne juste une règle CSS vide ! Ça m'a dérangé pendant un moment maintenant parce que ça fonctionnait à l'origine dans Webkit mais pas dans IE, ça fonctionnait dans IE et maintenant WebKit décide de ne pas jouer à la balle! Est-ce que je fais quelque chose de vraiment évident? Toute aide ou pointeurs serait grandement apprécié car il me conduit bananes

Answer 1

Trouvé le problème! Après des années de recherche et de peaufinage, j'ai finalement posté ma première question et y ai répondu en quelques minutes. Oh cher. Le problème semblait résider dans le fait que j'avais spécifié 3 niveaux de curseurs, à savoir le Custom, le Crosshair et le curseur Default. De toute façon, il n'y avait pas besoin d'avoir la valeur par défaut car Crosshair est accepté par tous les navigateurs. Enlever cela semblait le faire fonctionner.

Cela semble étrange cependant, CSS n'autorise-t-il que deux niveaux de curseurs? Si oui, pourquoi Opera et IE l'ont-ils accepté, ignorent-ils le premier?

Oh les joies du travail cross browser! Soyons justes, si elles étaient tout de même la moitié d'entre nous serait probablement d'un emploi ...

CSS fixe

.olControlDrawFeatureActive 
    { 
     cursor:url(<DOMAIN>/common/images/cursors/draw.png),crosshair; 
    } 

Si quelqu'un veut ajouter quelque chose s'il vous plaît sentir libre, je suis sûr il sera utile à certains pauvres comme moi-même :)