appendChild funktioniert nicht richtig im IE

Ich bin versucht, zu erstellen eine einfache Modale Fenster, aber IE nicht mitspielt. Wenn ich diese Funktion aufrufen, im IE, der Inhalt erscheint am unteren Rand der Seite unter alle Inhalte und das overlay-Bild wird nicht angezeigt. Hier ist der code:

function applyOverlay(src)
{
  var my_overlay = document.createElement('div');

  my_overlay.setAttribute('id','myoverlay');
  var doc_height = document.body.scrollHeight;
  my_overlay.setAttribute('style','text-align:center; position:fixed; top:0px; left:0px; background-image:url("images/trbg.png"); width:100%; height:'+doc_height+'; z-index:999;');
  my_overlay.innerHTML="<iframe style='background:none;' frameborder=0 height='100%' width='80%' src='"+src+"'><iframe>";
  document.body.appendChild(my_overlay);
}
  • funktioniert es in firefox?
  • Wie Sie wissen, die appendChild-call, das ausfällt?
  • Vielleicht, weil Sie vergessen haben, schließen Sie das iframe-tag richtig.
  • Funktioniert in Firefox. Ich glaube, es ist ein z-index und/oder Positionierungs-Problem. Iframe schließen tag nicht das Problem zu beheben.
InformationsquelleAutor cbm3384 | 2011-06-22
  1. 3

    Dies ist die übliche IE-Problem. Es ist irritierend, aber managable.

    Wenn Dokument.Körper.appendChild ausgeführt wird innerhalb des body-Tags, bevor der Körper geschlossen ist, der IE6 wird einfach nicht geladen, die Seite. 7 und 8 warten Sie, bis die Seite geladen ist

    So, wie Sie an dieses Problem Herangehen?

    • warten, bis der Körper ist geladen, mit Körper.onload.
    • Anhängen des Elements an einem anderen element anstelle des body-Tags.

    Empfehle ich die zweite option. Anfügen von Elementen an ein anderes target-element wird, bewahren Sie das beabsichtigte Verhalten und nicht den Weg ändern, wie Sie Ihre Elemente auf der Website.

    • Die Funktion wird aufgerufen über href, daher der Körper komplett geladen wird bevor es angehängt.
    • haben Sie versucht, anfügen an ein anderes element zunächst und dann zu einem Körper, zum Beispiel ein div, welches bereits vorhanden ist, wenn die Seite vollständig geladen ist
    • Ja, ich habe versucht, zum Anhängen an ein div mit kein Glück.
    InformationsquelleAutor WooDzu
Schreibe einen Kommentar