Come portare un'immagine in primo piano, sopra ad un'altra immagine?

[debora341]

Ciao a tutti, io vorrei mettere un'immagine in primo piano sopra ad un'altra immagine, ma non riesco a capire come fare.

Questo è il codice della prima immagine (che dovrà apparire in primo piano)

<div style="margin-bottom: -15px;z-index:1;">
<img src="link immagine"></div>

Questo invece è il codice della seconda immagine (che dovrà apparire "sotto" all'immagine sopra, un normale link immagine):

<img src="link immagine"></div>

Ho provato varie impostazioni, es. mettendo solo div sotto, con margin-top:-15px ma niente..

Grazie in anticipo

[carlomarangoni]

Usi z-index nel css
Oppure
Metti l'immagine che deve rimanere sotto come background del div e quella sopra come una normale immagine

[debora341]

Ciao Carlo, grazie per la risposta.
Ho provato z-index:1 sulla prima immagine, ma non succede niente..purtroppo la "seconda" immagine (quella che deve rimanere sotto alla prima immagine) è l'avatar dell'utente, e non so quindi come farlo diventare un background del div