Les balises d'ancrage ont cessé de fonctionner sur le site Web HTML5

Question

J'utilise HTML5 reset comme base pour l'écriture d'un site Web HTML5/CSS3. Pour une raison quelconque, les balises d'ancrage de base ne sont plus cliquables dans autre chose que IE!

<a href="http://www.google.com">google</a> affiche dans le texte de couleur correct pour les balises A, mais aucun effet de survol n'est appliqué, le pointeur ne change pas et je ne peux pas cliquer sur le lien. Firebug me donne ce qui suit quand je l'inspecter:

a { 
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
background:transparent none repeat scroll 0 0; 
border:0 none; 
color:#555555; 
font-size:100%; 
margin:0; 
padding:0; 
text-decoration:none; 
text-transform:lowercase; 
vertical-align:baseline; 
} 

*|*:link { 
color:#0000EE; 
} 

*|*:-moz-any-link { 
text-decoration:underline; 
} 

:-moz-any-link { 
cursor:pointer; 
} 

Donc rien de la note que je peux voir, et il fait la même chose dans Chrome et Opera, donc je suis un peu vexé. Im développer sur mon hôte local ont donc pas URL pour poster à l'heure actuelle, mais le balisage HTML étant rendu est rien étonnant:

<div id="copyanddesign"> 
     &copy; Someone 2010. 
     Design by <a href="http://www.google.com">google</a> 
    </div> 

Toutes les suggestions les bienvenus!

Merci

Answer 1

Merci. bobince était correct. Il s'agissait en effet d'un problème lié à l'index z (mais pas lié à IE, mais à tous les navigateurs). Il s'est avéré qu'un autre élément absolument positionné se chevauchait, et même si la partie qui se chevauchait était transparente, elle recevait toujours les clics plutôt que les hyperliens! Fiddled à propos de la hauteur de l'élément pour le rendre aussi grand que nécessaire et maintenant le lien fonctionne