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

Y2J
Freigeben: 2017-05-23 09:29:37
Original
4678 Leute haben es durchsucht

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>
Nach dem Login kopieren

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">
Nach dem Login kopieren

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">
Nach dem Login kopieren

Einige Parameter des Anhangs iframe

Rand

Der Code lautet wie folgt:

<iframe border="3"></iframe>
Nach dem Login kopieren

Legen Sie die Kantenbreite um den Rahmen fest

Frameboder

Der Code lautet wie folgt:

<iframe frameboder="0"></iframe>
Nach dem Login kopieren

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>
Nach dem Login kopieren

Legen Sie die Breite und Höhe des fest Rand

Scrollen

Der Code lautet wie folgt:

<iframe scrolling="no"></iframe>
Nach dem Login kopieren

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

src

Der Code lautet wie folgt:

<iframe src="girl.gif"></iframe>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!