javascript - JQuery Pulsate - Weird behaviour with Firefox -


i'm trying pulsate text using jquery, gives jagged edges when using firefox, tried isolate problem, , happens when change text color red using css. seems if there bits of black left. works ok in other browsers, ie, i'm bit confused now. here's code:

<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 pulsated</p>     </div>   </body> 

after looking @ cdutson's comment, did quick research. looks ie uses "cleartype" default, whereas other applications firefox use system settings. open windows' display settings , select "advanced" , you'll see setting "effects." change setting cleartype , you'll have nicer looking fonts system-wide, including in ff.

i had cleartype enabled when tested problem , still see little blackening around red text when pulsating, wasn't bad when retried example cleartype off. may you.

on other hand, have understand still bad users not have cleartype enabled.


Comments

Popular posts from this blog

windows - Why does Vista not allow creation of shortcuts to "Programs" on a NonAdmin account? Not supposed to install apps from NonAdmin account? -

c++ - How do I get a multi line tooltip in MFC -

unit testing - How to mock PreferenceManager in Android? -