jQuery: анимация непрозрачности в IE

Question

Использование div с чистым черным цветом, чтобы затемнить изображение под ним. В Chrome и Firefox это работает нормально, но в IE - наоборот.

$("div#bgcover").animate( {opacity:.70}, 2500);

Это начинается с непрозрачности 0% и, как предполагается, анимируется до 70% со временем. В IE, однако, он скачет с 0% до 100%, а затем снова уменьшится до 70%.

Ищите исправление для этого. Спасибо.

Answer 1

Попробуйте установить непрозрачность на ноль, прежде чем анимировать ее:

$("div#bgcover").css({ opacity: 0.0 }).animate( {opacity:.70}, 2500);

Answer 2

Непрозрачность не работает в IE (более старые версии). Вам нужно будет анимировать свойство фильтра:

IE

var val = .7;
{filter: 'alpha(opacity = '+(val * 100)+')'}

Answer 3

В то есть я считаю, что команда должна быть альфа: .70

Возможно, вам потребуется написать исключение