Der Z-Index-Wert des Elements kann den Wert des Iframe-Inhalts nicht übertreffen

StackOverflow https://stackoverflow.com/questions/122865

  •  02-07-2019
  •  | 
  •  

Frage

Ich habe ein div und ein iframe auf der Seite die div hat

z-index: 0;

Die iframe hat seinen Inhalt mit einem Popup mit einem z-index von 1000

z-index: 1000;

Allerdings ist die div überschattet immer noch das Popup im IE (funktioniert aber in Firefox einwandfrei).

Weiß jemand, was ich tun kann?

War es hilfreich?

Lösung

Explorer Z-Index Fehler

Generell http://www.quirksmode.org/ ist eine hervorragende Referenz für diese Art von Sache.

Andere Tipps

Welche Version von IE?

Ich bin keinen Javascript-Guru, aber ich denke, das div versteckt, wenn der Popup-Pop könnte erreichen, was Sie brauchen.

Ich hatte mit divs und iframes arbeiten, wenn ein Javascript-Menü erstellen, die overtop Dropdown-Boxen und Listenfelder zeigen sollte - anderes Menü Implementierungen verstecken gerade diese Elemente, dessen Standardverhalten in IE6 ist auf der Oberseite der DIV zu zeigen, nein Rolle, den z-Index.

Ich stehe vor dem gleichen Problem.Das Problem in meinem Fall ist, dass der Inhalt im Iframe nicht direkt vom IE gesteuert wird, sondern von Acrobat, da es sich um eine PDF-Datei handelt.Sie können versuchen, den Iframe ohne Inhalt anzuzeigen. In diesem Fall wird das Popup normal angezeigt.Aus irgendeinem Grund ist IE nicht in der Lage, den Z-Index für externe Helfer zu steuern.

Es wurde mit IE7 getestet

Ohne Code zu sehen, dann ist es schwierig, das Problem zu bestimmen. Aber es ist erwähnenswert, dass z-Index funktioniert nur, wenn das Element positioniert wurde (z position: absolute;), so vielleicht könnte das ein Problem sein?

Es gibt eine guter Artikel über CSS Z-Index aus dem Mozilla Developer Center.

Ohne einen Code-Schnipsel zu sehen, ist es schwer zu bestimmen, was das Problem ist. Sie können das Anhängen eines iframe unter Ihrem Popup versuchen wollen, die die gleiche Größe wie Ihre Pop-up ist. Mit IE7, wenn Sie die Iframes Popup machen nach dem anderen iframe bereits geladen sollten Sie in der Lage sein, Elemente zu vertuschen, die unterhalb sind. Ich glaube, einige JS Kalender und einige Leuchtkasten / thickbox Code ist diese, wenn Sie auf der Suche nach Beispielen.

gesetzt niemals Ihre z-Index etwas brüllen 1 Enless Sie es ausblenden möchten. Ich bin nicht sicher über 7,0, aber ältere Versionen von IE habe ich habe Probleme mit dem zu tun. IE nicht z-index, dass viel. Überprüfen Sie auch Ihre Positionierung. Die Positionierung kann Ihr Problem sein. sorry, ich habe nicht genug Informationen, die Ihnen weiter zu helfen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top