IE Text Rendering Over the Gradient

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

Ответ 1

Демо для 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>

Включен атрибут boolean, для которого вы можете установить 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)";

Ответ 2

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

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

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