Visualizzazione risultati 1 fino 8 di 8

Discussione: Problemi con z-index...

  1. #1
    Ufobm non è connesso Utente attivo
    Data registrazione
    06-12-2004
    Messaggi
    432

    Predefinito 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.

  2. #2
    L'avatar di ilmiocaos
    ilmiocaos non è connesso Utente
    Data registrazione
    03-06-2009
    Residenza
    Terra
    Messaggi
    226

    Predefinito

    Dove hai messo /* menu links */
    devi mettere
    Codice:
    .mainlevel {
    z-index: 1;
    }
    e dovresti avere risolto, z-index1 è il valore + alto che puoi dare
    Quando il saggio indica la luna, lo sciocco guarda il dito - Proverbio Cinese



    Fatti Pubblicità sul mio sito Gratuitamente!: PageYou

  3. #3
    Ufobm non è connesso Utente attivo
    Data registrazione
    06-12-2004
    Messaggi
    432

    Predefinito

    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?
    Ultima modifica di andreafallico : 11-05-2010 alle ore 18.24.06

  4. #4
    L'avatar di ilmiocaos
    ilmiocaos non è connesso Utente
    Data registrazione
    03-06-2009
    Residenza
    Terra
    Messaggi
    226

    Predefinito

    Devi mettere solo z-index:1 su quello che vuoi che stia davanti, e agli altri nn devi mettere niente
    Quando il saggio indica la luna, lo sciocco guarda il dito - Proverbio Cinese



    Fatti Pubblicità sul mio sito Gratuitamente!: PageYou

  5. #5
    Ufobm non è connesso Utente attivo
    Data registrazione
    06-12-2004
    Messaggi
    432

    Predefinito

    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!

  6. #6
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Hai provato:
    Codice:
    .mainlevel-nav {
         z-index: 1;
    }
    
    .logo {
         z-index: -1;
    }
    ?

  7. #7
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    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

  8. #8
    Ufobm non è connesso Utente attivo
    Data registrazione
    06-12-2004
    Messaggi
    432

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    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!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •