So legen Sie die Transparenz des Iframe-Hintergrunds fest-js-Tutorial-php.cn

So legen Sie die Transparenz des Iframe-Hintergrunds fest

高洛峰

Freigeben： 2016-12-24 16:55:10

Original

1299 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

Weitere verwandte Artikel zum Festlegen der Iframe-Hintergrundtransparenz finden Sie auf der chinesischen PHP-Website!