[Probleme] Changement d'opacite + PNG + IE7

Bonjour,

J'ai un petit soucis de compatibilité avec IE7 et les pngs. La solution n'est pas de régler la transparence directement dans l'image .

En fait j'ai une image en png avec de la transparence (pour une ombre portée), cette image apparait en fondu avec un changement d'opacité progressif.

Le soucis c'est qu'en appliquant un filtre alpha sur un png, et bien sous IE7 les pixels en "semi transparence" passent au noir....je ne trouve pas le moyen de leur rendre leur transparence lors du changement d'opacité.

Un exemple est disponible ici : http://shinji.free.fr/AS/opacite.html

A noté que IE6 hacké pour le png n'a pas le soucis.

Alors Bug IE 7 insoluble ou petite astuce en vue ^^?

Merci d'avance.

PS : Au pire je change l'effet mais c'est juste que le fondu est plus "beau".

Hello,

Tu as confirmé en «statique» (sans JS) que c'est bien un problème dû au filtre DirectX alpha + PNG-32?

Tout a fait je confirme ceci avec une autre page et juste le filtre mis à 90%.

http://shinji.free.fr/AS/opacite2.html

C'est un png 24 bit, mais j'ai essayé un 32 et c'est le même constat. (A moins qu'il n'y ai une façon spéciale de le faire....).

Pas simple de faire en sorte que çà fonctionne partout ^^.

A la base, c'est pour faire un ombrage sur une boite, c'est ça?
Donc je suppose que ton image passera dans le css, en background du container ?
Il suffit d'utiliser une image avec un png alpha sur tout les browsers, sauf IE (avec l'utilisation de !important par exemple)

Toujours et encore sur le site que je considère comme une bible:
http://www.alistapart.com/articles/cssdropshadows

Oui mais alors si je fais çà, quel type d'images dois je mettre pour IE7 ? Et bien sur sans que çà fasse cracra .

Tu as lu l'article?

a écrit :
sauf IE (avec l'utilisation de !important par exemple)

Non

Sauf IE avec l'utilisation des commentaires conditionnels par exemple.
Modifié par knarf (17 Oct 2008 - 19:07)

C'est pour ça que j'ai mis "par exemple".
Je n'ai pas dit que ma méthode était la seule, ni la meilleure...
C'est vrai que si dans la feuille de style utilisateur le visiteur a décidé de supprimer toutes les images en faisant un:

 * { background-image: none; } 
img {display:none; }

tu le court-circuite...

Mais je ne suis pas spécialement fan de feuille de style conditionnelles (a tord, je sais) voilà tout

a écrit :
Mais je ne suis pas spécialement fan de feuille de style conditionnelles (a tord, je sais) voilà tout

Ça chacun son truc

a écrit :
(a tord, je sais)

Oui

Par contre essayé d'indiquer une méthode propre est quand même mieux surtout ici .

Autant donner dès le départ de bonnes habitudes
Modifié par knarf (18 Oct 2008 - 00:45)

Bonjour désolé de la réponse tardive, j'ai été occupé ailleurs.

@Calak, oui j'ai lu l'article, ce qui m'embête c'est qu'il ne traite que d'une image carré...mais surtout que pour un fond uni.

Oui j'ai oublié de le préciser, si j'utilises du png c'est parcequ'en dessous il y a une image qui change souvent.

A mon avis c'est un Bug IE irrésolvable....