Superponer imagen en un div

[Zeokat]

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.

[SDEK]

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:

.imagen1
{
z-index: 1;
}
 
.imagen2
{
z-index: 2;
}
 
.imagen3
{
z-index: 3;
}
 

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,

[Zeokat]

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

;)

[SDEK]

Iniciado por Zeokat

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.