2010-12-14 49 views
2

Le graphique suivant illustre un problème de transparence PNG dans Internet Explorer, que je suis incapable de résoudre.Problème de transparence du dégradé PN8 IE8

Transparancy not so transparent in Redmond. http://img101.imageshack.us/img101/1917/problemkl.jpg

Le graphique transparente est l'image suivante.

http://img411.imageshack.us/img411/7959/transparentfade.png

Je me rends compte qu'il pourrait être invisible sur fond blanc, donc ici est l'inverse de la même image pour faciliter la compréhension.

http://img338.imageshack.us/img338/7121/transparentfadeinverse.png

L'idée est de fournir un lead-out doux qui fonctionne bien sur Chrome/FF/Safari/Whathaveyou, mais il est évident on ne peut pas avoir de belles choses et IE veut se démarquer. J'apprécierais beaucoup toute aide à ce sujet.

EDIT: J'ai lu quelque part que la combinaison d'effets d'opacité et de png transparents n'est pas bien prise en charge dans Internet Explorer. En supprimant l'effet d'opacité et en apportant des modifications appropriées à mon graphique png, j'ai été capable de reproduire la même animation sur tous les principaux navigateurs.

+0

Vous pourriez vouloir afficher le balisage afin que nous puissions le regarder * in situ * – Robusto

+0

qu'avez-vous utilisé pour faire l'image? – LightningWrist

+0

png8 ou 24? Si vous devez utiliser une correction png Javascript, Si 8 vous devez importer dans Fireworks et exporter en tant que fichier png8 de transparence alpha. –

Répondre

3

Vous ne pouvez pas mélanger en toute sécurité les filtres d'opacité DirectX existants et les transparents-PNG. Dans IE9, vous pouvez utiliser l'opacité CSS3 native en toute sécurité avec les fichiers PNG sans le problème que vous avez rencontré.