[SOLUCIONADO] Esconder imagenes

[geroplas_bofo]

Quiero esconder una imagen detrás de la otra en CSS, no se como hacerle, si alguien los sabe y puede ayudarme se lo agradeceré.

[pzin]

Hay varias formas, pero depende del caso, seguramente una será mejor que la otra. Si puedes explicar mejor para qué lo quieres, o al menos darnos una estructura HTML para verlo, mejor se podrá ayudarte.

[geroplas_bofo]

Seré mas especifico, lo que pasa es que tengo 3 imágenes si coloco las imágenes en el html me salen una bajo la otra, mi objetivo es que todas las imágenes me salgan pero una sobre la otra, osea que se tapen entre si, que estén como "apiladas" que solo se pueda visualizar la imagen que esta hasta arriba por así decirlo.
Haber si me doy a entender de todos modos gracias.

[Mariuch]

Es muy fácil, le das a todas las imágenes un position: absolute y un z-index: 0. Y después a la imagen que querés que aparezca primero le das una clase como por ejemplo fotoActual y ahí le seteás que se muestre por delante con un z-index: 1.

El CSS que te quedaría sería algo como esto:

Código CSS:

img{
    position: absolute;
    z-index: 0;
}
            
.fotoActual{
    z-index: 1;
}
 

Y en el HTML la clase agregada a la imagen que quieras por delante como por ejemplo:

Código HTML:

<img src="foto.jpg" alt="foto" class="fotoActual" />
<img src="foto2.jpg" alt="foto2" />
<img src="foto3.jpg" alt="foto3" />
 

Ojalá sea lo que buscas. Saludos!

[geroplas_bofo]

Vale gracias hermano por el aporte, si me ayudo.

[Mariuch]

Me alegro de que te haya servido! Marca entonces mi respuesta como correcta así se cierra el tema y otros pueden encontrar la respuesta :)

[pzin]

Iniciado por Mariuch

Me alegro de que te haya servido! Marca entonces mi respuesta como correcta así se cierra el tema y otros pueden encontrar la respuesta :)

No se pueden marcar respuestas como correctas. Eso es en StackOverflow.