Respuesta a: Problema con sprites

Inicio Foros WordPress Themes y Diseño Problema con sprites Respuesta a: Problema con sprites

#51392

LGrusin
Miembro

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

Pin It on Pinterest

Ir al contenido