1. Définition et utilisation de l'IframeLes iframes sont généralement utilisés pour inclure d'autres pages. Par exemple, nous pouvons charger du contenu à partir des sites Web d'autres personnes sur nos propres pages de site Web. Pour de meilleurs résultats, nous devrons peut-être rendre l'Iframe transparent. Ensuite, nous devons en savoir plus sur les attributs IFRAME. Voici une compilation simple pour faciliter les amis qui en ont besoin.
L'élément IFRAME crée un cadre en ligne (c'est-à-dire un cadre en ligne) contenant un autre document.
Différences entre HTML et XHTML
Dans HTML 4.1 strict dtd et xhtml 1.0 strict dtd, l'élément iframe n'est pas pris en charge.
Conseils et commentaires:
Astuce: vous pouvez placer le texte requis entre <frame> et </frame> afin que vous puissiez gérer les navigateurs qui ne peuvent pas comprendre l'Iframe.
Les balises iframe apparaissent par paires, en commençant par <frame> et se terminant par </frame>
Le contenu de la balise IFRAME peut être affiché lorsque le navigateur ne prend pas en charge la balise IFRAME.
propriété
Exemple
Le code est le suivant:
<iframe src = http: //www.vevb.com width = 200 height = 500>
Script Home utilise la technologie Framework, mais votre navigateur ne prend pas en charge les cadres. Veuillez mettre à niveau votre navigateur pour accéder au script à la maison normalement.
</frame>
Définissez la taille de la trame IFRAME à l'aide de pixels
Le code est le suivant:
<iframe src = http: //www.baidu.com width = 20% high = 50%>
Script Home utilise la technologie Framework, mais votre navigateur ne prend pas en charge les cadres. Veuillez mettre à niveau votre navigateur pour accéder au script à la maison normalement.
</frame>
Définissez la taille de la trame iframe à l'aide du pourcentage
2. Iframe transparent
Dans la balise <body> du fichier transparentbody.htm, j'ai ajouté Style = background-Color = transparent. Grâce aux quatre méthodes d'écriture IFRAME suivantes, je pense que vous devriez avoir une compréhension claire de la mise en œuvre de l'effet transparent de l'arrière-plan IFRAME:
Le code est le suivant:
<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>
Les iframes sont forcés d'être utilisés car l'utilisation des IFRames apportera plus de problèmes, et certains navigateurs peuvent définir les IFRames pour les bloquer sous forme d'annonces.
J'ai utilisé des iframes dans un contenu de travail récent. Le problème que j'ai rencontré au début était le problème de l'Iframe étant très adaptable. Ce problème a été trouvé dans le blog de l'équipe UED de Kouwang.com. Plus tard, j'ai rencontré un problème transparent iframe.
Habituellement, la couleur d'arrière-plan de l'IFRAME sera blanche, et il peut y avoir différentes couleurs sous différents navigateurs.
Si la page principale a une couleur de fond globale ou une image d'arrière-plan
Un bloc blanc apparaîtra dans la zone d'Iframe, qui est incompatible avec la page principale, ce qui nécessite que l'IFRAME soit transparent
Rechercher une solution trouvée des iframes transparents
Le code est le suivant:
<iframe src =. / ads_top_tian.html permetsPransparency = true style = background-Color = transparent title = test frameborder = 0 width = 470 height = 308 Scrolling = no> </ iframe> bien sûr que la prémisse est qu'aucune couleur n'est définie dans la page iframe de la page iframe
[code]
Remarque: Iframe Transparence utilise principalement ALLYTRANSPARENCY = True Style = Background-Color = Transparent
<strong> 3. Hauteur adaptative iframe
</strong> Parce que la longueur est trop longue, vous pouvez vous déplacer ici pour voir
<a cible = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. Sortie du code d'annonce IFRAME via JS
</strong> [code]
Document.Write ('<iframe align = Middle MarginWidth = 0 marginheight = 0 src = http: //www.vevb.com/vip/24902.html frameborder = pas de défilement = no width = 660 height = 80> </ iframe>');