Comment définir la transparence de l'arrière-plan iframe

Comment définir la transparence de l'arrière-plan iframe_Tutoriel de base

WBOY

Libérer： 2016-05-16 12:03:41

original

2211 Les gens l'ont consulté

IE5.5 commence à prendre en charge la transparence du contenu des frames flottants. Si vous souhaitez définir un contenu transparent pour un cadre flottant, les conditions suivantes doivent être remplies.
1. L'attribut de balise allowTransparency utilisé avec les éléments iframe doit être défini sur true.
2. Dans le document source du contenu iframe, l'attribut de balise bgColor de l'élément background-color ou body doit être défini sur transparent

Copier le code Le code est le suivant :

Bien sûr, le principe est que la couleur n'est pas définie dans la page iframe.
Nous voyons principalement ci-dessus Une ligne de code dans le style style="background-color=transparent" À travers les quatre façons suivantes d'écrire IFRAME, je pense que vous devriez avoir une compréhension claire de la façon d'obtenir l'arrière-plan iframe effet de transparence :

Copier le code Le code est le suivant :

<br><IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color : vert"> 
< IFRAME ID="Frame3" SRC="transparentBody.htm">
 &lt ;/IFRAME><br> </div>
<br>Regardons maintenant un exemple<br>Cet exemple est principalement l'application de l'attribut allowTransparency de l'iframe object Cet attribut est défini sur true et la couleur d'arrière-plan de la page chargée par l'iframe est définie sur Lorsqu'elle est transparente, l'iframe sera transparente. <br>allowTransparency définit ou obtient si l'objet peut être transparent. <br>bgColor définit ou obtient la couleur d'arrière-plan de l'objet
<p>Page parent<br></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="3380" class="copybut" id="copybut3380" onclick="doCopy('code3380')"><u>Copier le code</u></a></span> Le code est le suivant :</div>
<div class="codebody" id="code3380">
<br><html> <br> <head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><title>Page parent</title><br><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><br><body bgcolor="#FF0000"><br><iframe src="index.htm" allowTransparency="true">
< /corps> ;

 

Sous-page

Copier le code Le code est le suivant :

Subpage
< ;style type="text/css">
corps
{
couleur de fond : transparent
}