Wie kann das Problem gelöst werden, dass ein Div durch ein Objekt abgedeckt wird?

Ich habe kürzlich an einem Webprojekt gearbeitet, da es ein -Dialogfeld gibt, das von diesem abgedeckt wird Wenn das Feld angezeigt wird, wird das Dialogfeld Dies ist die Lösung für dieses Problem. Ich habe dieses Problem endlich gelöst und werde meine Ideen als Referenz mit Ihnen teilen.

(1) Lassen Sie mich Ihnen zunächst das Objekt-Tag vorstellen: W3school hat die Definition und Verwendung von

definiert ein eingebettetes Objekt. Bitte verwenden Sie dieses Element, um Ihren XHTML-Seiten Multimedia hinzuzufügen. Mit diesem Element können Sie Daten und Parameter für in ein HTML-Dokument eingefügte Objekte sowie Code angeben, der zum Anzeigen und Bearbeiten der Daten verwendet werden kann. Das

-Tag wird verwendet, um Objekte wie Bilder, Audio, Video, Java-Applets, ActiveX, PDF und Flash zu enthalten.

Objekt war ursprünglich dazu gedacht, img- und Applet-Elemente zu ersetzen. Dies geschah jedoch aufgrund von Fehlern und mangelnder Browserunterstützung nicht.

Die Objektunterstützung des Browsers hängt vom Objekttyp ab. Leider verwenden alle großen Browser unterschiedlichen Code, um dieselben Objekttypen zu laden.

Glücklicherweise bietet Objekt eine Lösung. Wenn das Objektelement nicht angezeigt wird, wird der Code zwischen ausgeführt. Auf diese Weise können wir mehrere Objektelemente verschachteln (eines für jeden Browser).

Im Allgemeinen wird das Objekt-Tag zum Einbetten von Multimedia verwendet.

(2) Stellen Sie kurz die wichtigen Attribute mehrerer Objekt-Tags vor: classid – einer Anwendung zugeordnet, die eindeutige ID der Anwendung, die eingebettete Inhalte im Windows-System ausführt ( Diese ID kann nicht geändert werden, andernfalls wird das Programm abnormal sein). die vom Objekt verwendete Ressource.

(3) Problem mit der Objekt-Tag-Abdeckung im IE

Nach der Abfrage verwandter Ressourcen haben wir festgestellt, dass ein Fensterelement im IE ist Wird immer über Nicht-Fensterelementen gerendert, und iframe befindet sich standardmäßig über Objekt. Die einzige Lösung besteht darin, iframe als Zwischenelement zu verwenden, d. h. iframe zum Abdecken des Objekts zu verwenden und dann div zum Abdecken des iframe zu verwenden.

Hinweis: 我是对话框

Nach dem Login kopieren 1. Das Div muss einen bestimmten Z-Index haben und größer als der Z-Index sein. Index des Iframes. Er darf nicht automatisch oder leer sein kleiner als der Z-Index des Div, kann aber nicht vom Div abgedeckt werden), andernfalls kann das Div den Iframe nicht abdecken iframe sind 0 und die Breite und Höhe des iframe entsprechen der Breite und Höhe des div;

4 Achten Sie darauf, die Transparenz des iframe auf 0 zu setzen.

5. Wenn auf der Seite mehrere Popup-Boxen vorhanden sind, können Sie den Iframe mit js dynamisch hinzufügen.