Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/12/2010, 02:14
Avatar de rzkgraphics
rzkgraphics
 
Fecha de Ingreso: noviembre-2010
Mensajes: 61
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Problema sprite CSS

Cita:
Iniciado por PabloFerran Ver Mensaje
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>