Lösen Sie verschiedene Situationen, in denen Divs durch Iframes blockiert werden

In diesem Artikel werden einige Situationen vorgestellt, in denen p durch iframe blockiert wird, sowie die Lösungen nach der Blockierung. Freunde in Not können sich darauf beziehen.

Ähnliche Struktur:

Der Code lautet wie folgt:

<p></p><ifram src="<a href="http://caibaojian.com"></iframe">http://caibaojian.com"></iframe</a>

Typ 1: Der transparente Hintergrund wird abgedeckt

Wenn p einen transparenten Hintergrund verwendet, unabhängig davon, ob er verwendet wird (Deckkraft oder RGBA-Format), außer Chrome, wird p in anderen Browsern durch iframe abgedeckt.

Lösung:

p Verwenden Sie einen undurchsichtigen Hintergrund oder verwenden Sie ein transparentes Hintergrundbild.

Zweiter Typ: Z-Index-Fehler in IE8

In IE Video in Iframe einführenVideoPlay Dies wird Dies führt dazu, dass der Z-Index von p ungültig ist. Das heißt, unabhängig davon, auf welchen Z-Index von p festgelegt ist, wird er vom Iframe abgedeckt. Quelle

Lösung:

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

Der Flash steckt hinter anderen Elementen

Außerdem habe ich gesehen, dass Flash auch das Problem eines Z-Index-Fehlers hat. Ich füge auch den oben genannten Parameter zu Flash hinzu.

Der Der Code lautet wie folgt:

<param name="wmode" value="transparent">

oder

Der Code lautet wie folgt:

<EMBED src="<a href="https://cdn.css-tricks.com/FlashAnimation.swf">https://cdn.css-tricks.com/FlashAnimation.swf</a>" type="application/x-shockwave-flash" wMode="Transparent">

Einige Parameter des Anhangs iframe

Rand

Der Code lautet wie folgt:

<iframe border="3"></iframe>

Legen Sie die Kantenbreite um den Rahmen fest

Frameboder

Der Code lautet wie folgt:

<iframe frameboder="0"></iframe>

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

Höhe,Breite

Der Code lautet wie folgt:

<iframe height="31" width="88"></iframe>

Legen Sie die Breite und Höhe des fest Rand

Scrollen

Der Code lautet wie folgt:

<iframe scrolling="no"></iframe>

Ob es eine Bildlaufleiste gibt (ja, nein, automatisch)

src

Der Code lautet wie folgt:

<iframe src="girl.gif"></iframe>

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

Zusammenfassung
【Verwandte Empfehlungen】

1. Kostenloses HTML-Video-Tutorial

2.

Lernen Sie, wie Sie Links in HTML einfügen

3

Lernen Sie, wie Sie HTML unter nodejs analysieren

4 🎜>Teilen Sie eine äußerst umfassende Zusammenfassung der HTML- und CSS-Wissenspunkte

5.

Detaillierte Erläuterung des HTML5-Datenlisten-Tags und des dynamischen Abgleichs mit Hintergrunddaten

Das obige ist der detaillierte Inhalt vonLösen Sie verschiedene Situationen, in denen Divs durch Iframes blockiert werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!