Originariamente inviato da MapoDesign
Funziona ma non si vede l'immagine iniziale e quella al click è spostata in giù.
L' immagine iniziale si vede, ma solo la prima volta; poi, una volta cliccato, quel link diventa visited-link.
codice:
a:link {
background-image: url(link.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
a:visited {
background-image: url(link.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
a:active {
background-image: url(active.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
Rimane però il fatto che se uno clicca, tiene cliccato e allontana il mouse, l' area mantiene il focus e mantiene active.jpg (non torna link.jpg sinché non si clicca altrove).
Ma una volta che al posto del # in href ci sarà l' URL di destinazione, questo potrà non essere più considerato un inconveniente apprezzabile.