Petit problème avec effet de transition en fondu (JS)

Schwarzer Stern

Membre actif
13 Décembre 2007
250
10
France
www.symphozik.info
Bonjour,
J'ai placé sur mon site un système "maison" de transition en fondu via Javascript. Tout simplement, une phrase passe progressivement de blanc à noir (sur fond noir), puis elle est remplacée par la nouvelle phrase qui passe pareillement de noir à blanc.
Le problème que je rencontre sous Safari uniquement (à ce que j'ai pu tester) est que des taches apparaissent dans certains cas. Exemple :
Phrase 1 : Il n'y a pas de fumée sans feu
Phrase 2 : bonne année 2010 à tous

Ces taches vont apparaître presque à coup sûr aux emplacements qu'occupaient les extrémités basses du "y" et du "p" de la 1ère phrase (en scrollant en bas de page et en remontant, elles ont disparu).

C'est visible en ligne dans le header de http://www.symphozik.info/

Est-ce que c'est un problème avec mon code, avec Safari ou juste chez moi ?
Je sais que ça n'a pas l'air de grand-chose mais ça m'embête :heu:

Merci !
 
ok c'est un probleme de repaint ce qui prouve que safari utilise une vraie transparence,
avant de repeindre une nouvelle chaine tu dois forcer le repaint du container

le taches sont les residus du precedent paint tu as une situation d'overlay

je pense qu'un truc comme ca devrait fonctionner:

set la valeur du contenu a ""

et si ca ne marche pas ajoute ca

change la largeur du div a 1px puis restore la largeur a auto

et peut etre qu'un set background to #000 du container marche aussi forcant a repeindre tout le contenu
je pense qu'il est transparent? et que le noir et la couleur du header?
 
  • J’aime
Réactions: Schwarzer Stern