JQuery Pulsate - странное поведение с Firefox

Я пытаюсь пульсировать некоторый текст с помощью JQuery, который дает некоторые зубчатые края при использовании Firefox, я пытался изолировать проблему, и это происходит, когда я меняю цвет текста на красный с помощью CSS , Кажется, что есть черные кусочки. Работает нормально в других браузерах, даже в IE, поэтому я немного запутался. Вот код:JQuery Pulsate - странное поведение с 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>

источник

2010-07-26 Rene

Ваш код звучит, вы ничего не сделали. Я смог продублировать точную проблему, которую вы описываете, пытаясь использовать несколько разных методов для пульсирования/анимации текста с помощью jQuery. Похоже, что это просто firefox. Проблема в увеличении веса шрифта. – Stephen

Это, вероятно, имеет какое-то отношение к сглаживанию шрифтов, или отсутствие поддержки блеска firefox для него там. – cdutson

Просмотрев комментарий cdutson, я сделал небольшое исследование. Похоже, IE использует «ClearType» по умолчанию, тогда как другие приложения, такие как Firefox, используют ваши системные настройки. Откройте настройки экрана Windows и выберите «Дополнительно», и вы увидите настройки для «эффектов». Измените этот параметр на ClearType, и у вас будут более привлекательные шрифты в системе, в том числе в FF.

У меня был ClearType включен, когда я протестировал вашу проблему и все еще вижу небольшое покраснение вокруг красного текста при пульсировании, но это было не так плохо, как если бы я повторил пример с ClearType. Так что это может вам помочь.

С другой стороны, вы должны понимать, что он по-прежнему будет выглядеть плохо для тех пользователей, у которых нет ClearType.

источник

2010-07-27 12:05:03 Stephen

Спасибо за помощь, ClearType определенно имеет к этому какое-то отношение, когда я полностью отключил его в Win7, анимация была в порядке. Все остальное выглядело хуже, хотя. Так что в основном это похоже на ошибку Firefox, поскольку IE, Chrome и Opera визуализируют анимацию на одном ПК. – Rene

JQuery Pulsate - странное поведение с Firefox

ответ

Смежные вопросы