28173 sujets

CSS et mise en forme, CSS3

Texte détérioré avec un filter:alpha

Bonjour,

Je reviens vers vous pour un problème totalement différent du dernier.
Je souhaite jouer sur l'opacité d'un div afin de donner l'impression qu'il apparait.
J'ai donc créé une petite fonction javascript (j'espère cross browser) à cet effet. Et ce qui m'étonne c'est que la fonction filter:alpha(opacity=100); détériore la qualité du texte sous IE.
Sous Moz (-moz-opacity:0;) ça passe bien.

Ce que ça devrait donner :
http://www.mototuning.com/nono/text2.jpg
Ce que ça donne :
http://www.mototuning.com/nono/text1.jpg

J'ai lu sur le site de microsoft que IE faisait une sorte d'interpolation entre entre le div et le reste, ça expliquerait le coté "carré" du texte, mais comment contourner le pb ? Smiley sweatdrop
gege71 a écrit :
Salut

veut tu un fond transparent ou le texte ?

A+


il n'y a pas de fond définit. Je souhaite simplement jouer sur l'opacité du texte de façon à donner l'impression qu'il apparait doucement.
Pour cela j'ai créer une fonction en javascript qui fait varier l'opacité de mon texte de 0 à 100 (ou 0 à 1 selon les navigateurs).
Et donc, le problème c'est qu'à 100 le texte est tout moche sous IE (voir visuel) alors que sur Moz tout est normal Smiley sweatdrop

Mais vu que je n'ai trouvé aucune info à ce sujet, je pense que je vais toruver une alternative : un image blanche placée au dessus en absolute dont je ferais varier l'opacité dans l'autre sens (de 100 à 0) toujours avec la même fonction. Mais c'est malheureux de devoir en arriver là Smiley decu
Modifié par Netrunner (26 May 2006 - 14:48)
Il s'agit d'un problème de background.
Pour que la transparence fonctionne correctement sous IE, il faut :
- un layout (on fixe un width ou un height de l'élément à fixer par exemple),
- un fond non transparent.

En positionnant une couleur de fond à l'élément à rendre transparent, tes pb devraient disparaître.
Sujet clos
Aller à