Foros del Web » Creando para Internet » CSS »

Utilizar varias imagenes en una sola

Estas en el tema de Utilizar varias imagenes en una sola en el foro de CSS en Foros del Web. Hola a todos, disculpen si este post no está en el indicado, mi detalle es este: hoy ví en la página de inicio de sesión ...
  #1 (permalink)  
Antiguo 27/12/2011, 01:44
Avatar de jmrvm801  
Fecha de Ingreso: octubre-2011
Ubicación: Orizaba, Mexico
Mensajes: 37
Antigüedad: 12 años, 5 meses
Puntos: 1
Utilizar varias imagenes en una sola

Hola a todos, disculpen si este post no está en el indicado, mi detalle es este: hoy ví en la página de inicio de sesión Windows Live que tenían una imagen con muchos íconos dentro y se posionan correctamente, algo así como esto:



Que necesito utilizar para lograr mostrar sólo la parte de la imagen que deseo.

Gracias.
  #2 (permalink)  
Antiguo 27/12/2011, 02:47
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Utilizar varias imagenes en una sola

Esa técnica se conoce como sprite y consiste en que un grupo de elementos invoque la misma imagen. Así cada elemento será como una "máscara" al darle un ancho y un alto y asignarle coordenadas propias de background-position.
Acá lo podes ver en detalle.

Saludos.

Etiquetas: imagenes, ordenamiento, posicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:15.