[résolu]IE et les PNG

Bonjour à tous,

Pour commencer la journée je vous propose de découvrir mon petit souci du jour: la transparence des PNG sous IE.

Alors le sujet a été abordé des milliards de fois , ce qui m'a permis d'avancer mais je demeure avec quelque souci.


Précisons un peu mon usage des PNG:
- png en image <img>, avec lien autour
- png en background CSS


Les solutions que j'ai essayé:
- un commentaire conditionnel pour < IE 7 appliqué à mon conteneur général

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-trans.png', sizingMethod='scale');
zoom: 1;

Le résultat est que les liens ne sont plus cliquables. j'ai donc rajouté:

#mon-blog-general{
position: static;}
a, pre {
position: relative;
z-index: 1;}

Les liens deviennent cliquables, mais la mise en page part completement en c*****. Raison probable: tout est mis en page en absolu, je ne peux malheureusement pas trop changé cela, le CMS que je dois utiliser ne peut se baser que sur de l'absolu.


Enfin, pour les backgrounds en CSS, j'ai utilisé un behavior (.htc) avec commentaire conditionnel, là ça marche .


J'ai essayé des solutions avec du JS, mais sans plus de succès.

A noté que sous FF il n'y a aucun souci, de meme que sous IE7.

Je ne peux malheureusent pas donnée d'url publique, par MP au mieux si vous êtes motivé.

Si vous avez des bribes de solutions.........

Bonne journée !
Modifié par broadcastor (12 Jun 2007 - 10:51)

Pour ma part, j'essaie autant que possible de me tenir éloigné de la transparence graduelle du PNG-24, en attendant (au moins un an...) que le lent déclin d'IE6 justifie une solution à base de dégradation acceptable pour ce navigateur.

Parmi les outils disponibles pour une telle dégradation acceptable :
- GIF et PNG-8 (transparence binaire) ;
- absence de certains effets graphiques sous IE6 (corriger la feuille de style via un commentaire conditionnel) ;
- enregistrement d'une couleur de fond avec les images PNG-24, pour ne pas avoir de fond gris mais quelque chose de certes pas transparent, mais de plus discret.

Par ailleurs, les cas où l'on a vraiment besoin de la transparence graduelle (pas ceux où ça serait utile, mais ceux où c'est indispensable) sont relativement rares.

a écrit :

Par ailleurs, les cas où l'on a vraiment besoin de la transparence graduelle (pas ceux où ça serait utile, mais ceux où c'est indispensable) sont relativement rares.

Oui encore faudrait-il que les graphistes comprennent tous ça...

Je vais tenter avec du gif en conditionnel ça me semble etre un compromis intéressant

Allez adjugé, les utilisateurs de IE6 auront quelque chose d'un peu moins zoli, mais bon, pas de bon navigateur, pas de bo graphisme...

Merci Florent

broadcastor a écrit :
Oui encore faudrait-il que les graphistes comprennent tous ça...

Oui et non. Il y a des choses qui ressemblent à de la transparence, mais qui n'en sont pas forcément au niveau de la technique d'implémentation. Ça ne couvre bien sûr pas tous les cas, mais c'est à prendre en compte.

C'est vrai que c'est très délicat ces images png,

Je n'aime pas travailler avec le png24, surtout avec les backgrounds, c'est une merde à mettre en page sur ie6