Heim > Artikel > Web-Frontend > So legen Sie die Transparenz des Iframe-Hintergrunds fest

So legen Sie die Transparenz des Iframe-Hintergrunds fest

高洛峰Original: 2016-12-24 16:55:101252Durchsuche

IE5.5 beginnt mit der Unterstützung der Inhaltstransparenz von Floating Frames. Wenn Sie transparente Inhalte für einen schwebenden Rahmen definieren möchten, müssen die folgenden Bedingungen erfüllt sein.
1. Das mit Iframe-Elementen verwendete Tag-Attribut „allowTransparency“ muss auf „true“ gesetzt sein.
2. Im Iframe-Inhaltsquelldokument muss das bgColor-Tag-Attribut des Hintergrundfarbe- oder Body-Elements auf transparent gesetzt sein

<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

Natürlich ist die Voraussetzung, dass die Farbe nicht festgelegt ist in der Iframe-Seite.
In den oben genannten Fällen haben wir hauptsächlich den Code style="background-color=transparent" im Stil gesehen. Ich denke, dass Sie durch die folgenden vier Arten, IFRAME zu schreiben, ein klares Verständnis dafür haben sollten Erzielen Sie den Iframe-Hintergrundtransparenzeffekt:

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

Sehen wir uns nun ein Beispiel an
Dieses Beispiel wendet hauptsächlich das Attribut „allowTransparency“ des Iframe-Objekts an Wenn die vom Iframe geladene Seite auf transparent eingestellt ist, ist der Iframe transparent.
allowTransparency legt fest oder ruft ab, ob das Objekt transparent sein kann.
bgColor legt die Hintergrundfarbe des Objekts fest oder ruft sie ab

Übergeordnete Seite

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父页面</title>
</head>
<body bgcolor="#FF0000">
<iframe src="index.htm"  allowTransparency="true"></iframe>
</body>
</html>

Untergeordnete Seite

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>子页面</title>
<style type="text/css">
body
{
    background-color: transparent; 
}
</style>
</head>
<body>
</body>
</html>

Weitere verwandte Artikel zum Festlegen der Iframe-Hintergrundtransparenz finden Sie auf der chinesischen PHP-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

Vorheriger Artikel：Einfaches Beispiel eines von js dynamisch hinzugefügten Onclick-Ereignisses in DIVNächster Artikel：Einfaches Beispiel eines von js dynamisch hinzugefügten Onclick-Ereignisses in DIV

In Verbindung stehende Artikel

Mehr sehen