Cufon est en train de gâcher mes fonds PNG transparents

Question

J'ai quelques divs avec un arrière-plan PNG répétitif (en tant que canal alpha réglé à ~ 50% d'opacité); le but est de donner un fond blanc transparent aux divs. Les divs rendent très bien dans tous les navigateurs actuels. Mais quand j'appelle mon code Cufon pour remplacer un certain texte sur l'écran, les arrière-plans semblent disparaître graduellement de haut en bas à gauche (dans IE seulement). Cela ne semble pas affecter tous les arrière-plans PNG, seulement certains.

Quelque chose avec Cufon entrave définitivement le rendu des fichiers PNG transparents. Quelqu'un at-il déjà vu cette fonctionnalité?

Answer 1

Cufón ne causait pas le problème; c'était juste le masquer. Le vrai problème était le fait que j'utilisais des .png transparents qui étaient 1px x 1px. IE les rendra incorrectement et les fera disparaître; presque comme si elles étaient étendues au-delà de la limite.

Answer 2

J'ai utilisé cufón il y a 18 mois mais c'était pour les titres et les étiquettes sur fond blanc ou coloré, donc je ne peux pas vous aider sur celui-ci.
Si j'avais un besoin similaire aujourd'hui, j'utiliserais @ font-face comme Fx3.0 et d'autres disparaissent très rapidement, étant remplacés par Fx3.5 + et d'autres navigateurs récents. Avez-vous une contrainte qui vous empêche d'utiliser cette fonctionnalité compatible IE?

Quelques questions si elle peut être d'aucune aide:

• font ces éléments ont hasLayout (avec zoom: 1; si elles ne l'ont pas déjà une largeur, hauteur, ...) ou leurs parents.
• Est-ce toujours les mêmes éléments qui fonctionnent et ne fonctionnent pas? Que se passe-t-il si vous remplacez un arrière-plan affichant OK par un autre qui n'est pas OK? Est-ce le même élément qui a un problème ou le même contexte ou est-ce que quelque chose d'autre se produit?

Answer 3

Utilisez une image d'arrière-plan plus grande - 10px X 10px ou plus.