Transparent Iframe Corps

J'ai besoin d'avoir un (crossdomain) iframe avec dynamique de la largeur et de la hauteur.

Ma question est,
Puis-je créer une iframe avec 100% de leur taille et d'un fond transparent qui permettra de présenter le parent de ce iframe, derrière ?

Puis-je joindre une propriété css ou un gif transparent pour l'iframe d'arrière-plan pour faire cet effet ?

Grâce.

  • Accepter theatomicdude réponse
InformationsquelleAutor user345311 | 2010-06-17
  1. 108

    oui, vous pouvez (si j'ai bien compris votre question correctement)

    voici le code
    si vous disposez d'un droit de modification du contenu de l'iframe mis cela dans la tête (de l'iframe)

    <style type="text/css">
 <!-- BODY {background:none transparent;}-->
 </style>

    et puis d'intégrer l'iframe comme ce

    <iframe src="frame.htm" allowtransparency="true">
    • Oups je n'ai pas conscience de ce thread était âgé d'un an lol
    • Encore des infos utiles. Merci.
    • Je vous remercie. Je vous dois la bière / café / collations.
    • Merci!, content d'avoir pu aider, mais un vote qui ne, trop jeunes pour la bière de toute façon haha
    • Une note de la transparence de l'iframe ne passera pas par un clic de la fenêtre parent, de sorte que les utilisateurs peuvent obtenir confus par les éléments de la page qu'ils peuvent voir, mais pas sur.
    • Oh, je ne savais pas que les clics ne passe pas à travers. Merci pour l'info!
    • mais collations tho
    • hahaha wow. 3 ans plus tard, je suis assez vieux pour de la bière maintenant!!
    • haha ouais juste un peu en retard à la fête. Parfait! Gratuit de la bière alors!
    • le lien est rompu.

    InformationsquelleAutor jackson5
  2. 0

    Ce n'est pas testé, mais les iframes (aucun élément) doit avoir un arrière-plan par défaut de transparence.

    Si ce n'est pas vrai, vous pouvez les configurer pour être transparents dans le CSS background: transparent

    Si cela ne fonctionne pas, vous pouvez utiliser les CSS opacité des filtres:

    http://www.w3schools.com/Css/css_image_transparency.asp

    InformationsquelleAutor Kerry Jones