IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Arrière plan transparent


Sujet :

HTML

  1. #1
    Invité
    Invité(e)
    Par défaut Arrière plan transparent
    Bonjour !!!

    J'aimerais mettre une image d'arrière plan sur mon site mais un petit problème se pose à moi.

    Dans ma page j'ai une iframe dans laquelle j'ouvre les liens cliqués (normal...). J'aimerais que la couleur d'arrière-plan des pages ouvertes soit transparent.

    Avec Firefox il suffit de mettre l'image d'arrière plan dans la page principale et de ne pas en définir pour la page ouverte mais IE ne l'entend pas de cette oreille.

    Quelqu'un a une idée ?

    P.S. J'utilise les feuilles de style CSS

  2. #2
    Membre averti Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Points : 439
    Points
    439
    Par défaut code
    as tu pensé d'ailleurs à donner un style css à ton iframe?

    du style:

    iframe{
    background: none;
    }
    Développeur Web sénior (2005) spécialisé Symfony2 - Je tiens mon petit blog tranquillement, viens faire un tour http://www.ikonenn.com

  3. #3
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    Mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut
    En donnant un style à ton iframe dans toutes tes pages annexes :

    exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .iframe
    {
    background-color: #FFFFFF ;
    }

  4. #4
    Invité
    Invité(e)
    Par défaut
    Je viens d'essayer et cela je fonctionne pas. Mais je crois que "background: none;" n'existe pas de toute façon. En tout cas je ne l'ai jamais vu...

  5. #5
    Membre averti Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Points : 439
    Points
    439
    Par défaut pas de point
    Attention ne mets pas de "point" à ".iframe" dans ton css sauf si tu veux appeler la classe ainsi:
    <iframe name="machin" class="iframe">

    par contre, si tu mets juste :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    iframe{
       background:none;
    }
    <iframe name="machin"> aura directement le style Iframe d'appliqué.
    Développeur Web sénior (2005) spécialisé Symfony2 - Je tiens mon petit blog tranquillement, viens faire un tour http://www.ikonenn.com

  6. #6
    Membre chevronné Avatar de Nemesys
    Profil pro
    Étudiant
    Inscrit en
    Mars 2006
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2006
    Messages : 1 895
    Points : 2 100
    Points
    2 100
    Par défaut
    oui je parlais de définir une class, d'ou le point.

  7. #7
    Invité
    Invité(e)
    Par défaut
    Je n'ai pas mis de "." mais "background:none;" ne marche pas.

    Je vais essayer de mettre une image entièrement transparente pour voir ce que sa donne mais je doute que cela marche...


    << 2 minutes plus tard >>

    echec total !!!
    Dernière modification par Invité ; 07/06/2006 à 11h26.

  8. #8
    Membre averti Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Points : 439
    Points
    439
    Par défaut Iframe
    ton soucis sera réglé en passant par l'attribut :
    <iframe ... ALLOWTRANSPARENCY="accepte"> </iframe>

    ou ALLOWTRANSPARENCY="true"

    mais il faut que le css de la page qui s'affichera dans ton iframe est cette propriété css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body{
    background-color: transparent;
    }
    Ca marche ainsi pour IE.
    Développeur Web sénior (2005) spécialisé Symfony2 - Je tiens mon petit blog tranquillement, viens faire un tour http://www.ikonenn.com

  9. #9
    Invité
    Invité(e)
    Par défaut
    AAAAAaaaaaah !!!!

    Merci beaucoup speedev. Ca marche parfaitement.

    A plumse

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Texte avec arrière plan transparent
    Par papyxy dans le forum VBScript
    Réponses: 2
    Dernier message: 23/05/2013, 17h07
  2. Widget avec arrière-plan transparent
    Par Invité dans le forum Qt
    Réponses: 9
    Dernier message: 11/04/2011, 15h19
  3. Composant dessiner arrière-plan transparent
    Par blinkseb dans le forum Composants VCL
    Réponses: 9
    Dernier message: 18/09/2009, 09h47
  4. Réponses: 3
    Dernier message: 27/11/2008, 16h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo