Hola:
He visto el artículo por encima, y me parece absurdo usar el evento del enlace contenedor pudiendo usar directamente el de la propia imagen.
Ese tipo de rollover depende de javascript, pero con unas simples líneas consigues lo mismo solo con css...
Código:
<html>
<head>
<title>
http://www.caricatos.net/probador
</title>
<style>
#oculto {
padding: 0;
margin: 0;
left: 0;
top: 0;
width: 32px;
height: 32px;
background: transparent url(../dibujos/_grid.gif) no-repeat center center;
position: relative;
}
#visible {
padding: 0;
margin: 0;
top: 0;
left: 0;
width: 32px;
height: 32px;
background: transparent url(../dibujos/miemoticon.gif) no-repeat center center;
position: absolute;
}
#enlace {
position: relative;
}
#enlace:hover #visible {
visibility: hidden;
}
</style>
</head>
<body>
<a id="enlace" href="javascript: alert('Ok')">
<span id="oculto" ></span>
<span id="visible" ></span>
</a>
</body>
</html>
Y con javascript, hay otras formas:
Rollover: otra forma de conseguir este efecto
Saludos
