Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/03/2015, 05:54
jdelrosario
 
Fecha de Ingreso: julio-2014
Ubicación: Donde me lleve el tiempo
Mensajes: 45
Antigüedad: 9 años, 9 meses
Puntos: 0
Sprite en CSS

Hola a todos:
He realizado un sprite con varias img, el cual he cargado en el css, a continuación una muestra:
.sprite {
background-image: url(spritesheet.png);
background-repeat: no-repeat;
display: block;
}
.sprite-tilde {
width: 22px;
height: 22px;
background-position: -1100px -5px;
}

.sprite-transparent {
width: 20px;
height: 20px;
background-position: -1132px -5px;
}

.sprite-upArrow {
width: 9px;
height: 5px;
background-position: -1162px -5px;
}

Seguidamente en el mismo css deseo utilizar el sprite-transparent como fondo en lo siguiente:
header,aside,{
background: transparent url(../img/spritesheet.png) -1132px -5px;
border-radius: .5em;
margin: .5em auto;
max-width: 960px;
padding: .25em;
text-align: center;
}
Estoy cometiendo un error desde ayer pero no logro resolverlo.
Pueden ayudarme por favor?
Mil gracias y saludos
JdelRosario