CSS colocando una imagen encima de otra
Estoy trabajando en la plantilla de diseño CSS.
Tengo dos imagenesimageOne
yimageTwo
.
Ambos sonposition: relative
Porque si pongo uno de ellos.position: absolute
entonces ya no es tan receptivo y la clave es la capacidad de respuesta.
Lo que quiero es colocar.imageTwo
encima deimageOne
.
¿Cómo puedo lograr eso mientras la función de respuesta de twitterbootstrap aún funciona en estas dos imágenes?
Abajo está mi código: (jsfiddle disponibleaquí)
<div class="imageOne image"></div>
<div class="imageTwo image"></div>
CSS
.image {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
}
.imageOne {
z-index: 0;
}
.imageTwo {
z-index: 1;
}