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 :

IE < 7 et transparence PNG


Sujet :

CSS

  1. #1
    Membre habitué
    Développeur .NET
    Inscrit en
    Juin 2002
    Messages
    274
    Détails du profil
    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2002
    Messages : 274
    Points : 174
    Points
    174
    Par défaut IE < 7 et transparence PNG
    Désolé je sais que c'est un sujet redondant mais je n'ai pas trouvé la réponse à mes problèmes...

    J'utilise la méthode de la propriété CSS behavior avec le script "pngbehavior.htc". Cette méthode fonctionne parfaitement pour les simples images, mais pas pour les images de liste ni les images de fond.

    Pour les listes :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    /* ma feuille css principale */
    ul {
      list-style-image: url(puce.png);
      behavior: url(iepngfix.htc);}
    Mais les puces ont toujours un fond gris donc pour l'instant le plus simple est d'annuler cette propriété :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    /* ma feuille ie.css */
    ul {list-style-image: none;}
    Pour l'image de fond de mon en-tête :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    div#header {
      background: url("top.png") 0 0 repeat-x;
      behavior: url(iepngfix.htc);}
    Cela ne fonctionne pas : le repeat-x n'est pas pris en compte et l'image est affichée une seule fois ! Là je n'ai pas trouvé de solution donc pas de transparence

    Quelqu'un a-t-il déjà résolu ce souci svp ?

  2. #2
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    Je ne suis pas un pro pour ça, en espérant que ça t'aide : http://www.twinhelix.com/css/iepngfix/demo/ . Par contre, ce serait peut-être à voir du coté de javascript...
    Les Cours et tutoriels JavaScript
    Penser à la recherche et au bouton

  3. #3
    Membre habitué
    Développeur .NET
    Inscrit en
    Juin 2002
    Messages
    274
    Détails du profil
    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2002
    Messages : 274
    Points : 174
    Points
    174
    Par défaut
    J'avais déjà trouvé ce lien, pour les simples images pas de souci ça fonctionne mais c'est pour le background (dans ce cas le quadrillage) que ça foire, là malheureusement il est au format gif donc je peux pas trop comparer...

    D'ailleurs si je remplace mon propre background par ce gif tout est nickel, l'image est répétée sans spécifier de repeat-x ou y.
    A l'inverse si je remplace ce quadrillage par mon background au format png le même problème se pose : image affichée 1 seule fois et non répétée, même en spécifiant background-repeat.

    Je pense que ça vient du script "iepngfix.htc" qui ne gère pas cette propriété tout simplement, mais bon je n'ai pas trop le temps de m'y plonger...
    Sinon il me faudrait convertir mon fond en gif

    En tout cas merci qd même,
    A+

  4. #4
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    En effet, j'ai testé et j'ai pas réussi non plus. A ce que j'ai pu lire, IE6 comprend la transparence uniquement quand elle est totale (alpha = 0) pour GIF et PNG.
    Les Cours et tutoriels JavaScript
    Penser à la recherche et au bouton

  5. #5
    Membre habitué
    Développeur .NET
    Inscrit en
    Juin 2002
    Messages
    274
    Détails du profil
    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2002
    Messages : 274
    Points : 174
    Points
    174
    Par défaut
    Bon c'est pas grave, pour mon en-tête ce n'est pas trop gênant et pour les puces j'ai laissé tomber.
    Cependant la question reste posée...

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Le PNGFIX ne créé pas une image de fond en PNG, mais supprime le background et créé un filtre sur le PNG qui se retrouve en second plan (mais pas en fond). Donc le repeat est inutilisable.

    Il n'y a pas de solution pour utiliser le repeat avec le PNGFIX.

  7. #7
    Membre habitué
    Développeur .NET
    Inscrit en
    Juin 2002
    Messages
    274
    Détails du profil
    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2002
    Messages : 274
    Points : 174
    Points
    174
    Par défaut
    Oui le filtre est créé à partir de "blank.gif" je pense, car si ce fichier est absent l'image d'origine est affichée (sans transparence donc) et par dessus apparait une absence d'image (bordure + petite croix rouge + balise alt affichée) qui doit correspondre au filtre...
    Et pour le repeat OK au moins c'est clair
    Merci

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

Discussions similaires

  1. Transparence PNG sous ie6 utilisant "pngfix.js"
    Par socket77 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 19/05/2008, 01h47
  2. Delphi et transparence PNG
    Par kanzarih dans le forum Débuter
    Réponses: 4
    Dernier message: 08/05/2008, 00h00
  3. Transparence png et validité W3C
    Par snyfir dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 23/08/2007, 12h03
  4. [Internet Explorer] Gestion transparence png
    Par LE NEINDRE dans le forum IE
    Réponses: 5
    Dernier message: 17/03/2006, 12h44
  5. [CSS] transparence PNG pour IE
    Par Trunks dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 07/12/2005, 13h45

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