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

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

asp.net - In javascript how to find the height and width -

c# - DataTable to EnumerableRowCollection -