Pourquoi l'effet "cursor:pointer" en CSS ne fonctionne-t-il pas ?

Question

J'ai défini cursor: pointer pour .about > span, mais lorsque ma souris survole ces textes dans , le curseur ne se change pas en mode pointeur. J'aimerais savoir pourquoi cela ne fonctionne pas.

#firstdiv {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  background: #E6E6E6;
  text-align: center;
  font-size: 0;
  z-index: -2;
}

.about>span {
  cursor: pointer;
  font-family: Eurofurence Light;
  padding: 0 0 3px 0;
  color: #01DFA5;
}

    YOU CHIA LAI

      Je suis un Master en Architecture candidat à l'Université Rice.

      Je suis également intéressé par la photographie &
        design web.
      Je souhaite que vous puissiez en savoir plus sur moi.

Answer 1

J'ai le même problème, lorsque je ferme la fenêtre contextuelle du navigateur inspecteur Chrome, tout fonctionne bien pour moi.

Answer 2

La solution qui a fonctionné pour moi est d'utiliser le slash au lieu du backslash lors de l'appel depuis un répertoire local.

Au lieu du backslash :

cursor: url("C:\Users\Ken\projects\JavascriptGames\images\bird.png"), auto;

Note : lorsque j'utilise le backslash, j'obtiens une net::ERR_FILE_NOT_FOUND

Je l'ai changé en slash :

cursor: url("C:/Users/Ken/projects/JavascriptGames/images/bird.png"), auto;

Note : lorsque j'utilise le slash, le style de curseur personnalisé s'exécute avec succès.

Ce comportement concernant les backslashes et les slashes pourrait probablement être expliqué dans cette réponse de StackOverflow : Strange backslash and behavior in CSS

Answer 3

Mon problème était d'utiliser cursor: 'pointer' par erreur au lieu de cursor: pointer. Donc, assurez-vous de ne pas ajouter des guillemets simples ou doubles autour de pointer.

Answer 4

Pour moi, le problème était que j'avais ceci défini globalement :

::-webkit-scrollbar {
  display: none;
}

Après avoir retiré ceci, cursor: pointer fonctionne comme prévu.

Answer 5

Supprimer la valeur z-index du parent a résolu le problème pour moi.