Comment faire un plein écran iframe avec un arrière-plan opaque?

Je suis en mesure de créer une iframe qui occupe tout l'écran. Mais je ne suis pas en mesure de rendre le contenu de l'arrière-plan caché, En d'autres termes, je veux un iframe qui est opaque. Je suis en train d'essayer comme ceci:

   <iframe name='myifrmae' allowtransparency = 'false' background= '#FFFFFF' id = 'myiframe' src = 'main.html' 
     style='position:absolute; top:0px; left:0px; width:400px; 
            height:100%;z-index:999' onload = 'sendParams();'' frameborder='no'>
   </iframe>

Je suis en train de tester cela sur Firefox/3.5.6.

Je fais quelque chose de mal ici?

Mise à JOUR:
J'ai donné une BGCOLOR = "#FFFFFF" main.html corps, Maintenant il fonctionne très bien. Merci pour vos contributions!

Je pense que le code que vous avez essayé de poster a mystérieusement disparu.
Son dos maintenant! J'ai oublié d'ajouter le bloc de code.

OriginalL'auteur Manohar | 2010-01-21

  1. 8

    Essayer:

    <iframe name='myiframe' id='myiframe' src='main.html' 
 style='position:absolute; top:0px; left:0px; width:100%; height:100%; 
        z-index:999' onload='sendParams();' frameborder='no'>
</iframe>

    Vous n'avez pas besoin de allowtransparency=false comme valeur par défaut. Il y avait aussi quelques erreurs avec les guillemets supplémentaires. Aussi j'ai corrigé l'orthographe du nom de l'attribut.

    J'ai changé la largeur à 100% au lieu de la largeur fixe de 400 pixels pour s'assurer qu'il remplit l'ensemble de la fenêtre.

    J'ai juste essayé ce. Il n'occuper à 100%, mais je peux voir le contenu de la mère HTML. Je veux faire ce opaque, merci pour votre réponse rapide.
    Pouvez-vous fournir le code HTML d'un exemple de code HTML pour la page parent et éventuellement le main.html page trop. Je ne vois pas une seule raison, dans l'exemple de code fourni pour l'iframe pour être transparent. Avez-vous des CSS ou JavaScript qui pourrait être la manipulation de l'iframe de paramètres d'opacité?
    J'ai vérifié dans un échantillon, Il se comporte comme vous l'avez expliqué ci-dessus. Mais le comportement n'est pas la même dans mon application. Oui, il y a quelques voyous CSS responsable de ce comportement, merci pour elle. Je vais vérifier cela et mettre à jour les résultats.
    pour faire de l'iframe opaque juste ajouter l'arrière-plan:blanc, il fonctionne 😉

    OriginalL'auteur Camsoft

  2. 1

    Pourquoi ne pas utiliser un opaque div avec un iframe?

    En fait, cette iframe est en vertu d'un div, mais laissez-moi vérifier comment le rendre opaque.

    OriginalL'auteur matpol

  3. 0
    allowtransparency = 'false'

    Ne sonne pas comme un très bon début?

    Essayer de régler
    allowtransparency = "true"

    Et assurez-vous que le contenu à l'intérieur de l'iframe a de l'opacité à la transparence.

    Je ne veux pas allowtransparency, c'est pourquoi j'ai fait comme faux. Je veux charger un plein écran opaque iframe, qui empiète sur le contenu parent.
    Juste assez, j'ai eu le mauvais bout de la baguette, désolé.

    OriginalL'auteur Andrew M

  4. 0

    Plein écran iFrame, vous devrez ajouter margin:auto; votre les styles.

    OriginalL'auteur Joshua