Рендеринг текста в IE через градиент

Question

IE 8 и ниже отображают текст ужасно, если он находится над любым элементом, к которому применен «фильтр». Ничего удивительного в этом нет. Я обычно просто избегаю использования «фильтра». Тем не менее, я проводил некоторое тестирование в IE9 и заметил ОГРОМНУЮ проблему; текст, который отображается поверх любого элемента с примененным градиентом css3 или тенью от окна, рендеринг текста уничтожается. Не только для текста непосредственно над элементом, но и для каждого элемента, который находится выше градиента в z-индексе. Например, если я определяю фон моей страницы с помощью градиента, покрываю его сплошным белым делителем, а затем визуализирую текст поверх этого, он все еще ужасен. Я очень надеюсь, что это всего лишь бета-версия, которая будет рассмотрена в финальной версии. Я использовал код здесь для градиентов некоторое время (без фильтра), но теперь в IE9 все страницы, использующие эту технику, выглядят ужасно. Кто-нибудь знает что-нибудь об этом - я не смог найти что-нибудь об этой проблеме, когда я погуглил.

Answer 1

Четыре года спустя, я думаю, можно с уверенностью сказать, что это была бета-версия.

При открытии примера в IE 8 нет заметных проблем, за исключением всегда дрянного сглаживания в IE 8 на платформах, таких как Windows XP.

Много изменилось.

Answer 2

Демо для IE: -

http://samples.msdn.microsoft.com/workshop/samples/author/filter/gradient.htm

Синтаксис HTML

<ELEMENT STYLE=
"filter:progid:DXImageTransform.Microsoft.Gradient(sProperties)" ... >

Internet Explorer 5.5 или более поздняя версия Пример: -

<DIV STYLE="width:100%; filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);">
        Blurry text with smudge of gray.</div>

Включен логический атрибут, для которого вы можете установить false или true http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx

CSS-градиенты в IE7 и IE8 приводят к тому, что текст становится псевдонимом

Пример:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";