z-index - comportamenti strani

[silvia.c]

Ciao a tutti,

ho un piccolo problema con alcuni posizionamenti di DIV.
Vi posto il codice così è più chiaro (livello0 è il div sotto a tutti gli altri, livello 1 è quello subito sopra e via dicendo):

.livello0 {
z-index: 0;
}

.livello1 {
z-index: 1;
}


#livello2 {

z-index: 2;

}

#livello3 {

z-index: 3;
}

Il risultato si presenta nella seguente sequenza:

livello2 - livello0 - livello1 - livello3

VVoVe:


Se invece uso dei valori negativi per i primi due z-index con questo codice:

.livello0 {
z-index: -2;
}

.livello1 {
z-index: -1;
}


#livello2 {

z-index: 0;

}

#livello3 {

z-index: 1;
}


Con IE funziona perfettamente! Benissimo!

Peccato che con Mozilla i due div con valore z-index negativo non si vedano!! Sbaglio qualcosa io? C'è qualcuno che ha avuto lo stesso problema e che è riuscito a risolverlo (o ad aggirarlo)?

Grazie!!
Silvia

[Kreatore]

non vorrei dire una c#####a ma può essere che crei una differenza tra le classi e gli id;
prova ad usarne uno solo

[Mich_]

Nella pagina del manuale di w3schools sta scritto che z-index funziona solo su elementi posizionati (cioe` con l'attributo position definito).