Mehrere Situationen, in denen Div durch Iframe abgedeckt ist, und ihre Lösungen

Ähnliche Strukturen:

Der erste: Der transparente Hintergrund ist blockiert

Wenn ein Div einen transparenten Hintergrund verwendet, unabhängig davon, ob es im (Opazitäts- oder RGBA-Format) vorliegt, zeigen alle anderen Browser (mit Ausnahme von Chrome) an, dass das Div vom Iframe abgedeckt wird.

Lösung:

Das Div verwendet einen undurchsichtigen Hintergrund oder ein transparentes Hintergrundbild.

Der zweite Typ: Z-Index ist in IE8 ungültig

Wenn im Internet Explorer die Videowiedergabe in einem Iframe eingeführt wird, wird der Z-Index des Div ungültig. Das heißt, unabhängig davon, auf welchen Z-Index das Div eingestellt ist, wird es vom Iframe abgedeckt. Quelle

Lösung:

Fügen Sie der Iframe-Adresse den Parameter wmode=opaque hinzu. Wenn die Adresse http://caibaojian.com lautet, ändern Sie sie in: http://caibaojian.com?wmode=opaque.

hinter anderen Elementen aufblitzen

Übrigens habe ich gesehen, dass Flash auch dieses Problem mit dem ungültigen Z-Index hat. Dasselbe gilt, wenn Sie den obigen Parameter zu Flash hinzufügen

Anhang: Einige Parameter von iframe

Grenze

Legt die Breite des Rahmens um den Rahmen fest

Rahmenrahmen

Legt fest, ob der Rahmen dreidimensional ist (0=nein, 1=ja)

Höhe,Breite

Legen Sie die Breite und Höhe des Rahmens fest

Scrollen

Gibt es eine Bildlaufleiste (ja, nein, automatisch)

Quelle

Geben Sie die vom Iframe aufgerufene Datei oder das Bild an (html,htm,gif,jpeg,jpg,png,txt,*.*).

Zusammenfassung <br />Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird Ihnen bei Ihrem Studium oder Ihrer Arbeit hilfreich sein. Wenn Sie Fragen haben, können Sie uns gerne eine Nachricht hinterlassen.