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

Mise en page CSS Discussion :

PNG avec transparence entre IE7 et FireFox2


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    123
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 123
    Par défaut PNG avec transparence entre IE7 et FireFox2
    Bonjour, je développe un petit site pour mon stage et je rencontre un problème entre les 2 navigateurs sur lesquels je fais mes tests :
    - Firefox 2.0.0.12
    - IE 7

    Le footer de ma page est un PNG dont le "ciel" de la caravane est en fait en transparent ce qui permet de faire passer le contenu de mon iframe dernière la dune, bref le résultat voulu est visible avec IE7 sur www.monsejouraumaroc.com

    alors que sur Firefox, cela ne marche pas du tout !! l'effet de transparence n'est pas pris en compte et le contenu de mon iframe princpale passe dernière le haut de l'image et non dernière la dune

    J'attends de l'aide, merci ^^

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Aucune différence entre IE7 et Firefox de mon côté.

  3. #3
    Membre confirmé
    Profil pro
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    123
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 123
    Par défaut
    Bizarre...

    Et que vois-tu ? Ce que je recherche à faire ou non ?

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Oui, le PNG du footer est bien transparent sur Firefox quand j'affiche la liste des appartements par exemple.

  5. #5
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Salut!

    Je viens d'explorer un peu le code de ta page, et je te propose de tester ces solutions.

    (Avant toute chose, je n'ai pas de problème d'affichage sur Firefox 2.0.0.12...)

    Je te conseille de passer le background-color de #content à transparent également, ainsi que de dégommer la couleur de background du body de ton iframe...

    En bref, tous les éléments qui ont comme couleur de background #9AC3D7, donne leur "transparent" comme "couleur"... Sauf le background du body de ta page globale (a contrario de celui de ta frame)...

    J'espère que je suis clair, mais c'est vrai que c'est un problème étrange...


    Courage, et tiens nous au courant!

  6. #6
    Membre confirmé
    Profil pro
    Étudiant
    Inscrit en
    Mai 2007
    Messages
    123
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2007
    Messages : 123
    Par défaut
    Merci beaucoup, cela fonctionne parfaitement !

    J'ai mis comme dit : background-color: transparent; dans mon #content {...}

    C'est parfait, merci encore ^^

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

Discussions similaires

  1. Resize d'un PNG avec transparence
    Par NicCo dans le forum Débuter
    Réponses: 105
    Dernier message: 08/06/2014, 12h32
  2. [GD] Miniature en cache d'image PNG avec transparence
    Par a.brioit dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 27/01/2012, 23h42
  3. Image PNG avec transparence
    Par BlackStorm dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/09/2007, 15h00
  4. [D5] Zoom d'image PNG avec transparence
    Par Thierry Laborde dans le forum Delphi
    Réponses: 9
    Dernier message: 12/06/2006, 15h41
  5. Traitements d'image sur PNG avec transparence
    Par Ingham dans le forum Langage
    Réponses: 16
    Dernier message: 02/08/2004, 16h42

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