Problemi con z-index in ie6 e 7

Question

In questa pagina http://equals.lsri.nottingham.ac.uk/ puzzle / creare , se si digita qualcosa in un input e quindi fare clic su salvare una finestra di dialogo personalizzata pop-up. Ma anche se z-index della finestra di dialogo, e quella del suo contenitore, sono superiore a quello del editor di equazioni, l'editor si sovrappone ancora la finestra di dialogo in IE6 e 7. Qualcuno ha qualche idea del perché?

Answer 1

indice z è relativo al suo contenitore. Quindi, se qualcosa è posizionato in modo assoluto, è il contenitore è il window, ma se è relativamente posizionato il suo z-index è relativo al solo le altre cose in quel contenitore. Così il più alto potrebbe essere nel window è tutto ciò che è genitore è. Se il vostro elemento di sovrapposizione è assoluto, vi sia bisogno il nuovo contenitore elementi ad un più alto z-index o assolutamente posizionare i nuovi elementi.

Answer 2

Perché in IE 6 e 7S, accatastamento funziona in modo diverso. Vedere Bug report: Explorer z-index bug su quirksmode. org, ed i commenti per alcune soluzioni.

Answer 3

Ehi, wheresrhys. Oh, la semplice gioia che è Internet Explorer ... Il problema nasce dal fatto che IE7 (e precedenti) reimposta il z-index di elementi posizionati in modo assoluto.

Alcuni letteratura sul tema:

• Squish il Internet Explorer Z-index Bug
• IE7 lezioni apprese: Il bug z-index

I due modi popolari di pensiero sembrano essere sia la correzione tramite JavaScript (sia Prototype e jQuery hanno soluzioni elencate nel secondo articolo), o avvolgendo l'elemento posizionato in modo assoluto che si desidera in cima a un non posizionato in modo assoluto genitore che ha un alta z-index. Hth!