2012-09-20 5 views
7

Ich habe ein Menü für eine mobile Website erstellt, wenn Sie auf die Menüschaltfläche klicken, die Menüfolien geöffnet, das ist die Seite;Z-index in Internet Explorer funktioniert nicht

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

Das einzige Problem ist, dass in IE und Windows Phone das Menü nicht das oberste Element ist so gleitet hinter Objekten.

Ich habe versucht, den Z-Index, Positionstyp, hasLayout vergeblich zu ändern.

Ich würde jede Hilfe zu schätzen wissen.

J

+1

Hier gehen wir, ein anderes "etwas funktioniert nicht auf IE" ... Warum bin ich nicht überrascht? Wie auch immer, versuchen Sie eine absolute Position dafür zu setzen. –

+0

Versucht es, immer noch nichts – Naz

+0

Mögliche Duplikate von [Dropdown-Menü verbirgt sich hinter anderen Elementen in IE] (http://StackOverflow.com/questions/3972807/dropdown-menu-hides-behind-other-elements-in-ie) –

Antwort

27

Es sieht aus wie Sie mit einem bekannten Fehler handelt werden:

„im Internet Explorer positionierte Elemente einen neuen Stapelkontext erzeugen, mit einem Wert z-Index von 0 beginnt daher z-index funktioniert nicht richtig.“

Sie können den Fehlerbericht auf Quirksmode Webseite sehen und eine Abhilfe erklärt in this blog post.

Wesentlichen hier mit höheren Z-Index, zum Beispiel in einem Element, was Sie tun müssen, ist es wickeln eine schnelle Skizze einer Vermeidung des Problems ist:

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

OK, das ist es gelöst - Danke – Naz

+1

Gern geschehen, bitte markieren Sie die Frage beantwortet. – nana

+1

Hatte das gleiche Problem und folgte den Anweisungen auf dem Link, den du gepostet hast. –

-5

Wenn immer noch nicht funktioniert, stellen Sie sicher, Kompatibilitätsmodus ist für die Website deaktiviert.

+0

Warum sollte hier die Kompatibilitätsansicht deaktiviert werden? (Es ist ein Fehler im IE). – jAC

0

Ich vertausche regelmäßig zwei Schichten, indem ich den Z-Index von 0 auf 1 ändere und umgekehrt. Nach Jahren hörte es auf, im IE zu arbeiten. Ich habe den Z-Index auf 1 und 2 geändert. Es funktioniert jetzt gut. Ich denke der Bug hat mit einem 0 Z-Index zu tun.