Почему анимация непрозрачности изображения работает гладко в Firefox и Chrome, а не в Safari?

Question

У меня есть несколько родственных изображений, которые абсолютно расположены сверху: 0 и слева: 0 относительно их родительского div. По умолчанию последнее изображение находится сверху. Я использую jQuery, чтобы выцветать изображения по одному, анимируя до непрозрачности: 0, начиная с самого верхнего изображения «последнее изображение в родительском div». Почему анимация в Firefox и Chrome выглядит плавно, но не в Safari? По каким причинам это может происходить? Заранее спасибо.

Answer 1

Не знаю, как jQuery обрабатывает непрозрачность в Safari. Если он не использует CSS-свойства webkit, это может быть причиной. CSS-свойства webkit для прозрачности будут работать лучше.

Answer 2

Вы уверены, что это ошибка анимации? У меня был случай, когда использование box-shadow:inset... и -webkit-box-shadow:inset... приводило к зависанию сафари. Если вы МОЖЕТЕ изолировать его от jQuery, то я не уверен, что происходит. Используете ли вы цикл ?