Comment modifier la visibilité d'un lien hypertexte lorsque la souris le survole?

Question

Comment puis-je rendre un lien visible uniquement lorsque l'on survole le lien?

Answer 1

Essayez ceci:

a:link, a:visited { 
    visibility: hidden; 
} 
a:link:hover, a:visited:hover { 
    visibility: visible; 
} 

---

Modifier Après piquadrat a souligné que Firefox ne planent éléments invisibles, essayez de ne pas ceci:

a:link span, a:visited span { 
    visibility: hidden; 
} 
a:link:hover span, a:visited:hover span { 
    visibility: visible; 
} 

Et le code HTML correspondant:

Lorem <a href="foo"><span>foo</span></a> ipsum dolor sit amet … 

Answer 2

Voulez-vous dire que vous souhaitez que le lien apparaisse comme du texte normal?

Si oui:

a { text-decoration: none; color: inherit; } 
a:hover, a:active { text-decoration: underline; color: #00F; } 

Answer 3

Les réponses qui ont utilisé visibility règle CSS ne fonctionnent pas pour moi, du moins pas dans FF. Le lien n'est pas visible, donc quand vous déplacez la souris dessus, FF pense que vous passez la souris sur ce qui est derrière le lien.

Cela fonctionne pour moi bien (même dans IE6!):

a { 
    zoom: 1; filter: alpha(opacity = 0); /* For IE */ 
    opacity: 0.0; 
} 
a:hover { 
    zoom: 1; filter: alpha(opacity = 100); /* For IE */ 
    opacity: 1.0; 
}