Почему размер фона: обложка;замедлить мою анимацию jquery?

Question

Я изо всех сил пытался понять, почему анимация jQuery на сайте, который я только начал создавать, работала так медленно. Оказывается, это как-то связано с background-size: cover, который я применил к большому фону.изображение на теге body.

Вялое исполнение происходит только со мной в Firefox, оно прекрасно в safari и chrome, и я попытался отключить все надстройки, поэтому не думайте, что это как-то влияет на вещи.

Когда я отключаю фоновый размер в firebug, мои эффекты jQuery slideDown работают плавно.Положите его обратно, и они бегут гораздо более вяло.То же самое происходит, когда я вместо анимации использую переходы CSS3.

Есть идеи, почему свойство background-size влияет на анимацию?

Страница, о которой идет речь: http://flc.timidmedia.co.uk/ Если вынаведите указатель мыши на любое из полей в правом столбце, которое вы увидите, затем на анимацию.

Answer 1

Вероятно, это происходит потому, что background-size:cover должен сделать дополнительные вычисления для правильной визуализации.

См. Это объяснение того, что должно произойти, чтобы оно заработало.

обложка

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

https://developer.mozilla.org/en/CSS/background-size

Просто догадываюсь, но, может быть, двигатель FF на этом работает медленно?