Z-index in Internet Explorer non funziona

Ho creato un menu per un sito per dispositivi mobili, quando si fa clic sul pulsante del menu si apre il menu, questa è la pagina;Z-index in Internet Explorer non funziona

http://www.roadtotheweb.com/m.about.html

L'unico problema è che in IE e Windows Phone il menu non è l'elemento più in alto in modo da diapositive dietro gli oggetti.

Ho provato a cambiare lo z-index, il tipo di posizione, hasLayout senza alcun risultato.

Apprezzerei qualsiasi tipo di assistenza.

fonte

2012-09-20 Naz

Eccoci qui, un altro "qualcosa non funziona su IE" ... Perché non sono sorpreso? Ad ogni modo, prova a impostare una posizione assoluta per questo. –

Provato, ancora niente – Naz

Possibile duplicato di [Il menu a discesa si nasconde dietro altri elementi in IE] (http://stackoverflow.com/questions/3972807/dropdown-menu-hides-behind-other-elements-in-ie) –

Sembra che si potrebbe avere a che fare con un bug noto:

“In Internet Explorer posizionata elementi generano un nuovo contesto di stratificazione, a partire da un valore z-index pari a 0. Pertanto z-index non funziona correttamente.”

potete vedere il bug report sul Quirksmode sito web e una soluzione spiegato in this blog post.

Essenzialmente quello che dovete fare è avvolgerla in un elemento con più alto Z-index, ad esempio ecco un breve schizzo di una soluzione alternativa:

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     ... 
    </div> 
</div>

fonte

2012-09-20 16:54:04 nana

OK, questo è risolto - Grazie – Naz

Siete i benvenuti, si prega di segnare la domanda risposta. – nana

Ha avuto lo stesso problema e seguendo le istruzioni sul link che hai postato risolto. –

-5

Se ancora non funziona, assicurarsi che la modalità di compatibilità è spento per il sito.

fonte

2014-07-31 14:27:01 mrsperls

Perché dovrei disattivare la visualizzazione della compatibilità? (È un bug nell'IE). – jAC

Scambia regolarmente due livelli, cambiando l'indice z da 0 a 1 e viceversa. Dopo anni, ha smesso di funzionare in IE. Ho cambiato lo z-Index in 1 e 2. Ora funziona bene. Penso che il bug abbia a che fare con un 0 z-Index.

fonte

2014-08-11 01:40:01 Webby

Z-index in Internet Explorer non funziona

risposta

Problemi correlati