Safari Opacity/Fade In et les fonts
Salut,
J'ai un petit soucis de fonts après avoir appliqué une fonction qui permet d'afficher progressivement un DID avec opacity.
Voici le résultat:
Avant le fade:
http://boxfly.free.fr/images/fonts-s...beforefade.png
Après le fade:
http://boxfly.free.fr/images/fonts-safari-afterfade.png
Alors la div est toute simple:
Code:
1
2
3
| <div style="width:100%;" id="message_74">
...le texte..
</div> |
Je ne peux pas mettre de background dans cette DIV car elle est à l'intérieur d'une plus grande div avec un background général.
Ensuite pour le Javascript, il est basique:
Code:
1
2
3
4
5
6
7
8
| function setOpacity(level) {
elFad.style.opacity = level;
}
function fadeIn(){
for (i = 0; i <= 1; i += (1 / steps)) {
setTimeout("setOpacity(" + i + ")", i * duration);
}
} |
Il n'y a pas de soucis au niveau du JavaScript, il est bien exécuté et avec Firefox il n'y a pas de soucis au niveau des fontes.
Mais Safari ou Chrome, les fontes s'affichent mal après application du fadeIn().
Vous savez comment palier à ce soucis de fontes quand on change l'opacity d'un DIV dynamiquement en JavaScript ?
Merci.
