JQuery Pulsate - Comportement étrange de Firefox

Je suis en train de pulser un texte en utilisant JQuery, ce qui donne des bords dentelés lorsque vous utilisez Firefox, j'ai essayé d'isoler le problème, et il arrive quand je change la couleur du texte au rouge en utilisant CSS . Il semble qu'il reste des morceaux de noir. Fonctionne bien dans d'autres navigateurs, même IE, donc je suis un peu confus maintenant. Voici le code:JQuery Pulsate - Comportement étrange de Firefox

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $(".blink").effect("pulsate", { times:100 }, 2000);   
    }); 
    </script> 
</head> 
    <body> 
    <div class="blink"> 
     <p style="color:red;">The text to be pulsated</p> 
    </div> 
    </body>

Source

2010-07-26 Rene

Votre code est son, vous avez rien fait de mal. Je suis en mesure de reproduire exactement le problème que vous décrivez tout en essayant quelques techniques différentes pour pulser/animer le texte en utilisant jQuery. On dirait que c'est juste firefox d'être sensible. L'augmentation du poids de la police exaspère le problème. – Stephen

Cela a probablement quelque chose à voir avec le lissage des polices, ou le soutien de lustre manque de Firefox pour qu'il y en. – cdutson

Après avoir regardé le commentaire de cdutson, j'ai fait des recherches rapides. On dirait que IE utilise "ClearType" par défaut, alors que d'autres applications comme Firefox utilisent vos paramètres système. Ouvrez les paramètres d'affichage de votre Windows et sélectionnez "Avancé" et vous verrez un réglage pour "effets". Modifier ce paramètre pour ClearType et vous aurez l'ensemble du système plus agréable à la recherche des polices, y compris dans FF. J'avais ClearType activé quand j'ai testé votre problème et pouvait encore voir un peu noircir autour du texte rouge lors de la pulsation, mais ce n'était pas aussi mauvais que lorsque j'ai réessayé l'exemple avec ClearType off. Cela peut donc vous aider.

D'autre part, vous devez comprendre qu'il sera toujours mauvais pour les utilisateurs qui n'ont pas ClearType activé.

Source

2010-07-27 12:05:03 Stephen

Merci pour l'aide, ClearType a certainement quelque chose à voir avec elle, quand je l'ai éteint complètement Win7 l'animation était ok. Tout le reste avait l'air pire cependant. Donc, fondamentalement, cela ressemble à un bug de Firefox, puisque IE, Chrome et Opera rendent l'animation ok sur le même PC. – Rene

JQuery Pulsate - Comportement étrange de Firefox

Répondre

Questions connexes