Heim >Web-Frontend >HTML-Tutorial >Wie kann das Problem gelöst werden, dass ein Div durch ein Objekt abgedeckt wird?

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

零下一度
零下一度Original
2017-06-29 09:47:532574Durchsuche

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:
<div class="dropdown"><p>我是对话框</p><iframe id="iframe" src="about:blank" frameborder="0" marginheight="0" marginwidth="0" style="position:absolute;visibility:inherit; top:0px;left:0px;width:100%; height:100%;z-index:-1; filter:alpha(opacity=0);"></iframe> </div><div style="width: 950px;height: 400px;position: relative;z-index: 9;"><object id="CmCaptureOcx" style="width: 100%; height:100%;"classid="clsid:3CA842C5-9B56-4329-A7CA-35CA77C7128D">    </object></div>

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.

Das obige ist der detaillierte Inhalt vonWie kann das Problem gelöst werden, dass ein Div durch ein Objekt abgedeckt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn