1. Definition und Verwendung von IframeIframes werden im Allgemeinen verwendet, um andere Seiten einzuschließen. Zum Beispiel können wir Inhalte von den Websites anderer Personen auf unseren eigenen Website -Seiten laden. Um bessere Ergebnisse zu erzielen, müssen wir den Iframe möglicherweise transparent machen. Dann müssen wir mehr Iframe -Attribute kennen. Hier ist eine einfache Zusammenstellung, um Freunden zu erleichtern, die es brauchen.
Das Iframe -Element erstellt einen Inline -Rahmen (d. H. Einen Inline -Rahmen), der ein anderes Dokument enthält.
Unterschiede zwischen HTML und XHTML
In HTML 4.1 Strict DTD und XHTML 1.0 Strict DTD wird das IFrame -Element nicht unterstützt.
Tipps und Kommentare:
Tipp: Sie können den erforderlichen Text zwischen <Iframe> und </iframe> platzieren, damit Sie mit Browsern umgehen können, die den IFrame nicht verstehen können.
Iframe -Tags werden paarweise angezeigt, beginnend mit <Iframe> und endet mit </iframe>
Inhalt im IFrame -Tag kann angezeigt werden, wenn der Browser das IFrame -Tag nicht unterstützt.
Eigentum
Beispiel
Der Code ist wie folgt:
<iframe src = http: //www.vevb.com width = 200 height = 500>
Skript Home verwendet Framework -Technologie, Ihr Browser unterstützt jedoch keine Frameworks. Bitte aktualisieren Sie Ihren Browser, um auf das Skript -Haus normal zuzugreifen.
</iframe>
Definieren Sie die Iframe -Rahmengröße mit Pixel
Der Code ist wie folgt:
<iframe src = http: //www.baidu.com width = 20% Höhe = 50%>
Skript Home verwendet Framework -Technologie, Ihr Browser unterstützt jedoch keine Frameworks. Bitte aktualisieren Sie Ihren Browser, um auf das Skript -Haus normal zuzugreifen.
</iframe>
Definieren Sie die Iframe -Rahmengröße mit Prozentsatz
2. Iframe transparent
In der Datei <Body> Tag der transparenten.htm-Datei habe ich style = background-color = transparent hinzugefügt. Nach den folgenden vier Iframe -Schreibmethoden sollten Sie ein klares Verständnis der Implementierung des transparenten Effekts des Iframe -Hintergrunds haben:
Der Code ist wie folgt:
<Iframe id = Frame1 src = transparentBody.htm deglyTransparent = true> </iframe>
<Iframe id = Frame2 src = transparentBody.htm deglyTransparent = true style = background-color: grün> </iframe
<Iframe id = Frame3 src = transparentBody.htm> </iframe>
<Iframe id = Frame4 src = transparentBody.htm style = Hintergrundfarbe: grün> </iframe>
IFrames sind gezwungen, verwendet zu werden, da die Verwendung von IFRames mehr Probleme mit sich bringt und einige Browser IFrames so einstellen können, dass sie als Anzeigen blockiert werden.
Ich habe Iframes in einem kürzlich durchgeführten Arbeitsinhalt verwendet. Das Problem, auf das ich zu Beginn gestoßen bin, war das Problem, dass Iframe sehr anpassungsfähig war. Dieses Problem wurde im Blog des UED -Teams von Kouwang.com gefunden. Später stieß ich auf ein transparentes Iframe -Problem.
Normalerweise ist die Hintergrundfarbe des Iframe weiß und es kann unter verschiedenen Browsern unterschiedliche Farben geben.
Wenn die Hauptseite eine allgemeine Hintergrundfarbe oder ein Hintergrundbild hat
Ein weißer Block erscheint im iFrame -Bereich, der nicht mit der Hauptseite steht, wodurch der IFrame transparent sein muss
Suche nach transparenten Iframes gefundene Lösung
Der Code ist wie folgt:
<iframe src =./ads_top_tian.html zulässtTransparent = true style = background-color = transparenter Titel = Test Framborder = 0 width = 470 HAGH = 308 SCROLLING = no> </iframe> Natürlich ist die Prämisse, dass keine Farbe auf der Seite iframe-Seite festgelegt ist
[Code]
HINWEIS: Iframe Transparenz verwendet hauptsächlich DeglyTransparenz = true style = background-color = transparent
<strong> 3. Iframe adaptive Höhe
</strong> Da die Länge zu lang ist, können Sie sich hierher bewegen, um sie anzusehen
<a target = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. Iframe -Anzeigencode über JS ausgeben
</strong> [Code]
document.write ('<iframe align = Middle marginwidth = 0 marginHeight = 0 src = http: //www.vevb.com/vip/24902.html FrameBorder = no Scrolling = no Breite = 660 Höhe = 80> </iframe>');