z-index funktioniert nicht im Internet Explorer 9

Sehen Sie bitte die Abbildung unten. Ich habe ein jQuery-Menü und einem iframe lädt ein PDF-Dokument. In Chrome und Firefox funktioniert einwandfrei und das Menü erscheint auf der Oberseite des iframe. Ich habe eine z-index: 2 auf der Speisekarte und ein z-index: -1 auf die iframe.

Irgendwelche Ideen, wie man dieses Problem beheben in IE?

z-index funktioniert nicht im Internet Explorer 9

EDIT: jsFiddle

http://jsfiddle.net/hkA2v/1/

  • Die Geige ist unvollständig; so muss ein iframe oder etwas zu zeigen, der z-index-Konflikt.
  • tut mir Leid, dass. Ich habe gerade aktualisiert.
  • noch habe ich nicht eine Antwort, aber wollen, um einen Punkt zu machen. das Problem ist, weil der PDF-Datei in der iframe-nicht nur, weil der iframe. wenn Sie öffnen eine HTML-Datei im iframe alles Prima funktioniert in allen browser.
  • Ich denke, das hat etwas zu tun mit dem Adobe PDF web viewer, der sich öffnet. Ich glaube, IE öffnet sich, es auf der Oberseite des IE statt als Teil der Seite, so dass die gesamte Seite angezeigt, hinter der Adobe-PDF web viewer.
InformationsquelleAutor mlevit | 2013-05-02
  1. 2

    Versuchen Sie position:relative; auf iframe.

    iframe{
  position: relative;
}
    • Sorry hat nicht funktioniert. Keine änderung.
    • IE ist sehr wählerisch mit z-index, aber position:relative beheben sollte.
    InformationsquelleAutor Chamara Keragala
  2. 2

    Nicht direkt mit diesem Problem.
    Aber die Menschen, die kämpfen mit z-index ähnliche Probleme im IE9 vielleicht sollten Sie erwägen, einen transparenten hintergrund in einigen Fällen.

    Da im IE das element mit einem link muss über einen hintergrund in Ordnung zu sein, das man anklicken kann. Ansonsten ist die Maus 'sieht durch es hindurch'.

    background: url(transparent.gif);

    Quelle: Forum Post

    • Ich zögerte, diesen Rat zu befolgen, aber es hat den trick. Habe ich eine paint.net und ich machte die ersten weiß-Bild groß genug ist (2000x1500) durch Größenänderung. Dann wählte ich es und schneiden Sie es. Dort bekam ich ein transparentes Bild.
    InformationsquelleAutor mr.mii
  3. 0

    Stellen Sie sicher, dass alle Elemente mit z-index sind die Geschwister von den gleichen Eltern. Wenn Sie anfangen zu verschachteln von Elementen innerhalb von Elementen und die Anwendung der neuen z-index-Eigenschaften auf die Kinder, der z-index wird von der übergeordneten z-index, keine z-index-Eigenschaften festlegen, bevor die Eltern.

    IE ist sehr wählerisch mit z-index.

    InformationsquelleAutor Jared
Schreibe einen Kommentar