Problemi con z-index...

Ciao!
Sto cercando di modificare un template di joomla... Ho impostato un margin-top negativo per un menù solo che ora la parte che si sovrappone all'elemento sopra non è più cliccabile! Spiegare è difficile, mi permetto di farvi vedere direttamente il problema (il template è in costruzione quindi non giudicatemi troppo male :D , se avete consigli sono ben accetti):
http://joomlalabstests.altervista.org/

Il menù a cui mi riferisco è quello orizzontale con "Joomla! è..." "Caratteristiche" ecc ecc...
Credo si tratti di un problema di z-index ma ho provato ad assegnare a "header" (che contiene logo e newsflash) uno z-index negativo... Ho anche provato ad assegnare al menù uno z-index positivo, ma in nessun caso ho ottenuto dei risultati.

Dove hai messo /* menu links */
devi mettere

Codice:

---

.mainlevel {
z-index: 1;
}

---

e dovresti avere risolto, z-index1 è il valore + alto che puoi dare

Il problema è proprio che non funziona...
Io ho l'header in cui c'è il logo ed una frase e un resto pagina chiamato wrapper in cui c'è tutto il resto, menù compreso. Se metto z-index: 1; sul wrapper e z-index: 0; sull'header non dovrei avere questi problemi giusto? Invece non funziona lo stesso...

-

Ho provato di tutto ma non riesco a farlo funzionare... Dove sbaglio?

Devi mettere solo z-index:1 su quello che vuoi che stia davanti, e agli altri nn devi mettere niente

Fatto, ma non funziona... Per la precisione ho provato a mettere con z-index:1 wrapper, tabarea, tabmenu, pillmenu ecc non funziona in nessun caso! Uso ff!

Hai provato:

Codice:

---

.mainlevel-nav {
    z-index: 1;
}

.logo {
    z-index: -1;
}

---

?

Il motivo è semplice: la proprietà z-index viene applicata solo ai positioned elements, per risolvere imposta la proprietà position su relative, dopodiché la proprietà z-index avrà effetto.
Per tutti i dettagli http://www.w3.org/TR/CSS2/visuren.html#z-index

Citazione:

---

Originalmente inviato da karl94

Il motivo è semplice: la proprietà z-index viene applicata solo ai positioned elements, per risolvere imposta la proprietà position su relative, dopodiché la proprietà z-index avrà effetto.
Per tutti i dettagli http://www.w3.org/TR/CSS2/visuren.html#z-index

---

Perfetto!! Così funziona, grazie! Non uso spesso z-index, ma questa cosa proprio non la sapevo... Avevo anche guardato sul sito del w3c, ma deve essermi sfuggito! Grazie mille di nuovo!