web-dev-qa-db-fra.com

Corps transparent Iframe

J'ai besoin d'un iframe (domaine croisé) avec une largeur et une hauteur dynamiques.

Ma question est, puis-je créer un iframe avec une taille de 100% et un fond transparent qui montrera le parent de cet iframe, derrière lui?

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

Merci.

cssiframebackgroundtransparent
49
user345311

oui vous pouvez (si je comprends bien votre question)

voici le code si vous avez un accès en modification au contenu iframe mettez cela dans la tête (de l'iframe)

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

puis intégrer l'iframe comme ceci

<iframe src="frame.htm" allowtransparency="true">
108
jackson5

En inspectant la page iframe, vous découvrirez peut-être qu'il y a de la couleur sur certaines parties de la page. Ma suggestion serait de partir du composant le plus élevé lors de l'ajout de la transparence:

html {
  background-color: transparent !important;
}

Et puis dans l'élément iframe:

<iframe src="www.." allowtransparency="true">
0
Patrik Rikama-Hinnenberg

Ce n'est pas testé, mais les iframes (n'importe quel élément) devraient avoir un arrière-plan par défaut transparent.

Si ce n'est pas vrai, vous pouvez les définir comme transparents dans CSS background: transparent

Si cela ne fonctionne pas, vous pouvez utiliser des filtres d'opacité CSS:
http://www.w3schools.com/Css/css_image_transparency.asp

0
Kerry Jones