overlay di immagini

[sharky86]

ciao a tutti!

ho 4 immagini che si chiamano 70.jpg 80,90, e 05.jpg. vorrei fare un overlay degli angoli di queste in modo da aver la 70 piu in dietro, e la 05 piu avanti.

questo é cio che ho fatto ma non funziona:

css:

#70 {
	position: absolute;
	Z-INDEX: 50;
	top: 150px;
	left: 150px;

}

#80 {
	position: absolute;
	Z-INDEX: 52;
	top: 180px;
	left: 180px;

}

#90 {
	position: absolute;
	Z-INDEX: 54;
	top: 200px;
	left: 200px;

}
#05 {
	position: absolute;
	Z-INDEX: 56;
	top: 220px;
	left: 220px;

}

sito:

<div id="70">[img]images/locations/70.jpg[/img]</div><div id="80">[img]images/locations/80.jpg[/img]</div><div id="90">[img]images/locations/90.jpg[/img]</div><div id="05">[img]images/locations/05.jpg[/img]</div>

ho anche provato a mettere un div dentro all altro, e a dare una classe alle immagini ma non ho avuto successo.. sapete aiutarmi perfavore?

grazie

igor

[fcaldera]

non funziona su tutti i browser o solo su qualcuno?

inizia comunque con il cambiare gli id:
non si possono utilizzare attributi id e/o name che iniziano con una cifra, cambiali ad esempio in 'd70', 'd90'....

poi racchiudi i 4 div in un contenitore al quale dovrai dare position: relative

a questo punto il posizionamento assoluto dei div interni prenderà come coordinate di riferimento l'angolo in alto a sinistra del contenitore in relative, cosicchè ai 4 div ti basterà dare left:0; left:30; left:60;... in modo da distanziare l'immagine da sinistra. Analogo discorso per il top.

[sharky86]

ha funzionato!

grazie mille gentilissimo..

ciao

igor