Cita:
Iniciado por PabloFerran Codgio Html:
Código CSS:
Tengo un problema al realizar la técnica de rollover con css Sprite.
Al abrir la página se ve la imagen pero al pasar el ratón por encima no cambia.
Acá te dejo la correción, que vendría a ser el TEXT-INDENT que faltó y aumento el ACTIVE por si te interesa tener un botón con 3 estados ;), no solo 2, y por si quieres agregarle un link a tu botón.
<style>
.button {
background: url(sprite.png) no-repeat;
width:46px;
height:25px;
float: left;
text-indent: -9999px;
}
.button:hover { background-position: 0 -24px; }
.button:active { background-position: 0 -12px; }
</style>
<div class="button"><a href="LINK" target="_blank"" width="46" height="25"></a></div>