CSS - nakładanie na siebie obrazków/zdjęć

Question

Witam,

Potrzebuje na siebie nałożyć dwa obrazki. Załóżmy, że mam jeden obrazek w formacie .jpg, a drugi to .gif i chce na ten jpeg nałożyć gifa. Jak to zrobić? Próbowałem już z tym:

position: relative; 
position: absolute; 

Dałem jpeg jako relative, a gifa jako absolute, ale nie wyszło.

Answer 1

możesz te obrazki włożyć w diva i potem dodać atrybut z-index w css, poza tym, dla czego chcesz nałożyć jeden na 2?

Comments

Bo takie mam zadanie. z-index dać na jpeg czy na gifie, czy na obu?

---

na obu,

jeśli pod gifem ma być jpeg:
na diva z gifem dajesz z-index: 2;
a na diva z jpeg dajesz z-index: 1;

---

Ok działa, dziękuje za pomoc!

---

Proszę bardzo :)

Answer 2

kodzik:

html:

<div id="jpeg">
	<img src="jpeg.jpeg">
</div>

<div id="gif">
	<img src="gif.gif">
</div>

lub:

	<img id="jpeg" src="jpeg.jpeg">

	<img id="gif" src="gif.gif">

 

css:

#jpeg{z-index: 1; position: absolute;}
#gif{z-index: 2; position: absolute;}