Respuesta a: Problema con sprites
Inicio › Foros › WordPress › Themes y Diseño › Problema con sprites › Respuesta a: Problema con sprites
Te lo explico con un ejemplo.
Suponiendo que la imagen contenga 3 sprites en vertical de 45 pixeles de alto por 112 de ancho, la imagen resultante será de 135 (3×45) de alto por 112 de ancho.
Es decir,
width: 112px;
height: 45px;
Para seleccionar la primera imagen (de arriba a abajo)
background: url(“images/imagen.gif”) no-repeat scroll 0px 0px transparent;
Para la segunda:
background: url(“images/imagen.gif”) no-repeat scroll 0px -45px transparent;
para la tercera:
background: url(“images/imagen.gif”) no-repeat scroll 0px -90px transparent;
Lo de transparent por si la imagen es transparente. Adaptalo a las medidas de tu imagen.
Por supuesto, la imagen debe estar bien hecha.
Un saludo