Qual è la differenza tra:Differenza tra auto, 0 e nessun indice z?
tutti gli scenari di cui sopra sono per un div che racchiude due div, div1 e div2 ciascuno avente indice az che è rispettivamente 9 e 10.
Il div allegato è nel contesto di impilamento di html.
Non specificare z-index corrisponde a z-index: auto; questo è il suo valore iniziale.
auto e 0 significano la stessa cosa se il proprio elemento non crea il proprio contesto di impilamento; per esempio. non è posizionato come relativo, assoluto o fisso.
Se il tuo div non è posizionato, qualsiasi cosa sia stata impostata su z-index non ha importanza; esso e tutti i suoi contenuti parteciperanno al contesto di stacking di html e i suoi discendenti saranno sempre posizionati di fronte ad esso.
Imposta l'ordine di stack uguale ai suoi genitori. Questo è il valore predefinito.
non fa nulla
Imposta l'ordine di sovrapposizione pari ai genitori stessi come auto.
Specifica che lo z-index deve essere ereditata dall'elemento genitore
di riferimento per ulteriori letture e prove:
Come ha detto BoltClock, 'z-index: 0' lo rende dietro ai fratelli che non hanno 'z-index:
@jasonszhao, non è vero. per esempio. vedi: https://jsfiddle.net/jf3bgL9z/3/ –
n CSS, può posizionare 2 o più oggetti per sovrapporsi l'un l'altro. I loro indici z determinano quali oggetti sono "davanti a" o "dietro" altri oggetti che si sovrappongono. L'indice z maggiore di un oggetto, il "più alto nella pila" di oggetti verrà visualizzato
z-index:0 è sempre lo "strato default" (lo strato in cui tutti gli elementi senza un esplicito z-index risiedono), e z-index:auto significa: "Imposta l'ordine di stack uguale al suo genitore". Dal momento che tutti i figli di un genitore iniziano in "z-layer 0" - relativo al loro genitore, quindi, in-effetto, z-index:auto e z-index:0 significa la stessa cosa: saranno entrambi nello stesso "livello" "e il loro ordine di impilamento sarà in base alle regole di stacking predefinite, che è possibile vedere here.
Grazie BoltClock.The; ast parte della tua risposta ha spiegato tutto così bene.Esattamente quello che stavo cercando. – bluelurker