Foros del Web » Creando para Internet » CSS »

Superponer imagen en un div

Estas en el tema de Superponer imagen en un div en el foro de CSS en Foros del Web. Bueno lo que quiero conseguir es algo parecido a lo siguiente, pero no se si es posible. La caja azul es un div, cuyo css ...
  #1 (permalink)  
Antiguo 28/09/2010, 13:01
 
Fecha de Ingreso: enero-2009
Mensajes: 40
Antigüedad: 8 años, 11 meses
Puntos: 2
Pregunta Superponer imagen en un div

Bueno lo que quiero conseguir es algo parecido a lo siguiente, pero no se si es posible.



La caja azul es un div, cuyo css se ve en la imagen y pretendo poner esas os imagenes clickeables. Alguien sabe como ponerlas de forma q sobresalgan de esa manera?

Gracias de antemano.
  #2 (permalink)  
Antiguo 28/09/2010, 13:14
Avatar de SDEK  
Fecha de Ingreso: diciembre-2009
Ubicación: MX
Mensajes: 156
Antigüedad: 8 años
Puntos: 8
Respuesta: Superponer imagen en un div

Hola,

Revisa la propiedad z-index de CSS.

z-index sería la 3era dimensión en un plano cartesiano de 3 dimensiones. Aplicado al CSS, esto quiere decir que puedes superponer las imágenes como si fuesen capas. Entendido lo anterior, superponer tres imagenes sería de la siguiente manera:

Código CSS:
Ver original
  1. .imagen1
  2. {
  3. z-index: 1;
  4. }
  5.  
  6. .imagen2
  7. {
  8. z-index: 2;
  9. }
  10.  
  11. .imagen3
  12. {
  13. z-index: 3;
  14. }

Esto quiere decir que la imagen 3 estará encima de la imagen 2 y la imagen 2, encima de la imagen1. Eso lo soluciona.

Saludos,
__________________
Tecnologías de la Información
Karel Priego
| @karelpriego
  #3 (permalink)  
Antiguo 28/09/2010, 15:23
 
Fecha de Ingreso: enero-2009
Mensajes: 40
Antigüedad: 8 años, 11 meses
Puntos: 2
Respuesta: Superponer imagen en un div

Gracias, me ha funcionado... eso a ver si no entro en dolores de cabeza a la hora de posicionar las imagenes en diferentes resoluciones.

;)
  #4 (permalink)  
Antiguo 28/09/2010, 16:19
Avatar de SDEK  
Fecha de Ingreso: diciembre-2009
Ubicación: MX
Mensajes: 156
Antigüedad: 8 años
Puntos: 8
Respuesta: Superponer imagen en un div

Cita:
Iniciado por Zeokat Ver Mensaje
Gracias, me ha funcionado... eso a ver si no entro en dolores de cabeza a la hora de posicionar las imagenes en diferentes resoluciones.

;)
Para ese caso, revisa las propiedades "position:relative" y "position:absolute".

Suerte.
__________________
Tecnologías de la Información
Karel Priego
| @karelpriego

Etiquetas: superponer
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 14:37.