Ошибка сглаживания шрифта в проводнике при рендеринге сгенерированного текста поверх изображения

Question

Я использую JQuery для загрузки изображения JPEG (в качестве фона CSS) с текстом поверх него.

Текст хорошо обрабатывается во всех браузерах, кроме Explorer (6 и 7 в XP и 8 в W7), где прозрачность сглаживания выполняется для черного цвета вместо изображения.

Если я загружаю изображение и текст непосредственно в HTML, он работает нормально, поэтому проблема возникает, только если текст и изображение динамически изменяются с помощью Javascript.

Как я могу сделать так, чтобы Explorer знал о фоновом изображении при рендеринге текста?

Answer 1

Наконец нашел ответ.

Я забыл упомянуть, что анимировал непрозрачность текстового блока; JQuery использует Explorer CSS фильтр для анимации.

Когда анимация завершится, вы получите:

<DIV id=banner_text style="DISPLAY: block; FILTER: alpha(opacity=100); ZOOM: 1" jQuery1288626313662="24">

Вам необходимо удалить фильтр из атрибута style (после завершения анимации):

$('#banner_text').css('filter','');