Установка прозрачности с помощью jquery не работает в IE8, но работает в IE7

Question

Мой код:

$('.diff a').css('opacity', .5);

Работает в IE7, Firefox и Chrome, правильно заставляя элементы привязки выглядеть блеклыми, но не в IE8.

Я использую jquery 1.4.4

РЕДАКТИРОВАТЬ: Вот тестовая страница с проблемой http://jsfiddle.net/KUJYF/

Answer 1

Почему вы вообще используете непрозрачность? Почему бы просто не использовать более светлый цвет, чтобы имитировать эффект, и не использовать накладные расходы, которые вносит свойство непрозрачности.

Answer 2

Я столкнулся с этой же ситуацией, пытаясь анимировать непрозрачность для появления и исчезновения элемента span. Под IE7 анимация span работала безупречно. Под IE9 та же история. Но под IE8 анимации не было.

Благодаря комментариям к исходному вопросу, поставленному выше, я обнаружил, что, установив стиль CSS для диапазона на inline-block, анимация начала работать в IE8, что позволяет мне полагать, что IE8 может не поддерживать прозрачность встроенных элементов. (по крайней мере, не так, как в jQuery 1.4.4).

Вот образец, который я использовал для тестирования: http://jsfiddle.net/ddYuJ/2/

Answer 3

Использовать fadeto

http://api.jquery.com/fadeTo/