haces el enlace
Código HTML:
<a href="#">Enlace</a>
ahora tu CSS
Código:
a{
display:block; /* Lo muestras en bloque para darle ancho y alto */
height: 200px;/* alto de tu imagen */
width: 200px;/* ancho de tu imagen */
text-decoration:none;/* quitas el subrayado */
text-indent:-10000px; /* remueves el texto */
background-image: url(tuimagen.jpg); /* imagen del enlace */
}
a:hover{
background-image: url(tuimagen2.jpg); /* imagen cuando pases el raton sobre el enlace */
}
de esta manera, haces el efecto y mantienes el texto del enlace para los buscadores.