internet explorer - IE Text Rendering Over a Gradient -

ie 8 , lower render text awfully if on element has "filter" applied. nothing surprising that. avoid using "filter". however, doing testing in ie9 , noticed huge problem; text rendered on element css3 gradient or box shadow applied, text rendering destroyed. not text directly on top of element, every element above gradient in z-index. example, if define background of page gradient, cover in solid white div , render text on top of that, still terrible. i'm hoping beta issue addressed in final release. i've been using code here, gradients awhile (minus filter), in ie9 of pages use technique horrible. know this- couldn't find issue when googled it.

demo ie :-

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

syntax html

<element style= "filter:progid:dximagetransform.microsoft.gradient(sproperties)" ... > 

internet explorer 5.5 or later ex: -

<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 smudge of gray.</div> 

there boolean attribute enabled, can set false or true http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx

css gradients in ie7 & ie8 causing text become aliased

example:

-ms-filter: "progid:dximagetransform.microsoft.gradient(enabled=false)";