Непостоянная / дрянная анимация в IE с использованием jquery opacity + animate

Question

Я понимаю, что есть несколько вопросов об анимации непрозрачности - поэтому, прежде чем кто-либо перейдет ко мне все RTFM - я проверил, и не смог найти один с моей конкретной проблемой:)

Рассмотрим следующий код:

$("#contentTabs li").live({
     mouseenter: function () {
          $(this).find("span.tabTitle").stop(true, true).animate({
             marginTop: "-25px"
          }, 250);
     },
     mouseleave: function () {
          $(this).find("span.tabTitle").stop(true, true).animate({
             marginTop: "-10px"
          }, 500);
     }
});

Это работает быстро и быстро как в IE, так и в других браузерах - (если вам интересно, все, что вам нужно, это скользящая подпись внизу изображения).

Теперь я добавил это:

 $("#contentTabs li span.tabTitle").css({ opacity: 0.70 });
 $("#contentTabs li span.tabTitleText").css({ opacity: 1 });

Прямо перед живым объявлением. И это все еще быстро и быстро в других браузерах, кроме IE.

Почему эта непрозрачность так сильно меняется? И есть ли что-то, что может помочь, кроме как сказать браузерам IE не делать затухание?

EDIT:

Извините - базовые вопросы-навыки меня подводят, проверенная версия IE: 8

Answer 1

Непрозрачность не является тривиальной задачей для компьютеров, потому что она требует немалых вычислений, а механизмы JavaScript и рендеринга IE 8 далеко не так оптимизированы, как в современных браузерах.

По сути, там вы ничего не можете сделать, кроме как избежать ненужных спецэффектов в IE <9. </p>