jQuery fadeIn плохо отображает в Safari при использовании на объекте с текстом - PullRequest
3 голосов
/ 30 августа 2011

Я использую jQuery для постепенного увеличения и уменьшения содержимого DIV. Затухание работает нормально и выглядит плавно практически во всех браузерах, кроме Safari (версия для ПК 5.1, mac 5.0.5). В Safari текстовая часть HTML исчезает в виде зубчатых и псевдонимов и в последнюю секунду привязывается к сглаживанию, создавая очень заметный «скачок» в анимации.

Единственное предложение, которое мне удалось найти во всем Интернете, - это добавить фон в div. Я попробовал это, и это, кажется, работает, но только с непрозрачным фоном (прозрачный PNG не работал, частично прозрачный цвет фона не работал). Это не приемлемое решение для моего приложения, у меня есть фоновые изображения, которые должны отображаться внизу.

Кто-нибудь еще сталкивался с этой проблемой? Какие-нибудь обходные пути или блестящие решения?

Для справки я использую jquery-1.6.2.min.js и несколько плагинов. Успешные тесты в IE7, IE8, FF 5, Chrome 13 - видят только этот глюк / ошибку в Safari.

Спасибо!

1 Ответ

4 голосов
/ 07 ноября 2012

Да, попробуйте -webkit-font-smoothing: none;

...