Back to top

Autore Topic: z-index  (Letto 1211 volte)

Offline billa18

  • Appassionato
  • ***
  • Post: 388
  • Sesso: Femmina
    • Mostra profilo
z-index
« il: 15 Lug 2010, 12:37:29 »
Ciao a tutti
qualcuno può spiegarmi, in parole semplici, a cosa serva lo "z-index"?
(scusate l'ignoranza...)
Grazie mille

Offline Eurovideo

  • Esploratore
  • **
  • Post: 58
    • Mostra profilo
Re:z-index
« Risposta #1 il: 15 Lug 2010, 13:02:59 »
nei fogli di stile lo z-index è un attributo di un box o di un div

Ovvero mettiamo che tu voglia fare due div ("caselle di codice") sovrapposte, una sopra l'altra. Per esempio potresti voler mettere un video di sfondo a tutta pagina e un tabella con del testo sopra al centro.

nell'head della pagina metti, per esempio:

Codice: [Seleziona]
#box1 { background: #ffffff; width: 860px; position: absolute; top: 310px; left: 0px; z-index: 1; }
#box2 { background: #f3f3f3; width: 0px; position: absolute; top: 0px; left: 0px; z-index: 2; }

così hai definito due classi di div. Lo z-index in questo caso indica chi è sopra e chi è sotto! Sopra e sotto non in termini di altezza, ma di profondità... davanti e dietro insomma.

In joomla viene utilizzato per mettere ogni modulo alla giusta posizione di "profondità", ovvero davanti o dietro.

Questo è tutto quello che so :P

Offline billa18

  • Appassionato
  • ***
  • Post: 388
  • Sesso: Femmina
    • Mostra profilo
Re:z-index
« Risposta #2 il: 15 Lug 2010, 13:05:18 »
Mi hai aiutata davvero molto :)
Grazie milleeeeeeeeeeeeeeeeeeeeee

 



Web Design Bolzano Kreatif