OVH Cloud OVH Cloud

IE et le png

5 réponses
Avatar
Gaël
Bonjour,

J'ai créé un carré de 10px de coté, je l'ai remplit d'une couleur, mis
une transparence de 50%, et enregistré en png, je l'ai mis dans une css
qui créer des boites donc le fond est remplit avec le carré, sous
Firebird et consort cela marche impec, je vois mon image qui est sous
les boites.
Et avec IE mon fond devient opaque et je vois que des morceaux de
l'image située sous les boites, c'est normal ou c'est moi qui vient de
découvrir quelque chose de nouveau (pour moi)

cordialement

5 réponses

Avatar
Pascal Chevrel
Le 13/01/2004 14:13, Gaël a écrit :

Bonjour,

J'ai créé un carré de 10px de coté, je l'ai remplit d'une couleur, mis
une transparence de 50%, et enregistré en png, je l'ai mis dans une css
qui créer des boites donc le fond est remplit avec le carré, sous
Firebird et consort cela marche impec, je vois mon image qui est sous
les boites.
Et avec IE mon fond devient opaque et je vois que des morceaux de
l'image située sous les boites, c'est normal ou c'est moi qui vient de
découvrir quelque chose de nouveau (pour moi)

cordialement




C'est normal, IE pour windows ne gère pas la transparence alpha des
images PNG, seulement la transparence binaire (comme les gifs).

Pascal

--
Pascal Chevrel - Mozilla Champion
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://www.chevrel.org/es/foros/
Avatar
Gaël
Gaël a écrit :
Bonjour,

J'ai créé un carré de 10px de coté, je l'ai remplit d'une couleur, mis
une transparence de 50%, et enregistré en png, je l'ai mis dans une css
qui créer des boites donc le fond est remplit avec le carré, sous
Firebird et consort cela marche impec, je vois mon image qui est sous
les boites.
Et avec IE mon fond devient opaque et je vois que des morceaux de
l'image située sous les boites, c'est normal ou c'est moi qui vient de
découvrir quelque chose de nouveau (pour moi)

cordialement



J'ai été faire un tour sur google, je suis tombé sur ça :

http://support.microsoft.com/?kbid‚2071

Si j'ai bien compris cela n'affecte que les version IE 6.0 et IE 6.0 sp1
(mon cas) sous XP. Non?

Sinon je suis tombé sur des usine à case du style:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

J'ai essayé cela ne marche pas, ou alors je suis à coté de la plaque.

J'ai essayé de faire un gif transparent, aucun de mes navigateurs me
font un rendu transparent.

J'ai fais un png opaque de 10px de coté, supprimé un px sur deux, pas beau.

Je suis tombé sur un script en php, mais cela m'ennuie d'implanter des
fonctions php dans des pages html, simplement pour gérer les défauts
d'UN navigateur (en plus je sais pas si cela marche -trop usine à gaz-).

et surtout, pas javascript, j'en suis la pour le moment

Je vais chercher la boite d'aspirine.

Si quelqu'un a une solution, des propositions, un coup de génie (cela
m'arrive souvent la nuit, du moins sur le coup j'en ai l'impression)

PS:
J'ai été sur le site de Meyer, il triche :-) (mais c'est beau), j'ai
utilisé sa méthode pour une démo, mais ce n'est pas de la transparence.
Il utilise la même image en différents formats (taille) qui
judicieusement placées donne une impression de transparence, mais la
malheureusement je ne peut prendre cette méthode (trop de boites).

La j'y vais
Avatar
Thibaut Allender
on 13/01/2004 18:27, Gaël wrote :

Sinon je suis tombé sur des usine à case du style:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
J'ai essayé cela ne marche pas, ou alors je suis à coté de la plaque.



probablement...
en fait c'est la methode qu'utilise sleight :
http://www.youngpup.net/?request=/snippets/sleight.xml
ca fonctionne assez bien normalement

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Gaël
Thibaut Allender a écrit :
on 13/01/2004 18:27, Gaël wrote :

Sinon je suis tombé sur des usine à case du style:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
J'ai essayé cela ne marche pas, ou alors je suis à coté de la plaque.




probablement...
en fait c'est la methode qu'utilise sleight :
http://www.youngpup.net/?request=/snippets/sleight.xml
ca fonctionne assez bien normalement




Ouais mais c'est du javascript, et j'en veux pas, tandis que la méthode
que j'avais trouvé (et qui ne marche pas) c'était dans une feuille de style.

Bye
Avatar
Thibaut Allender
on 14/01/2004 13:28, Gaël wrote :

Ouais mais c'est du javascript, et j'en veux pas, tandis que la méthode
que j'avais trouvé (et qui ne marche pas) c'était dans une feuille de
style.



si tu regardes bien comment fonctionne ce script, tu te rends compte que
le javascript ne sert ici qu'a trouver tous les tags img et a leur
appliquer un style...

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org