IE Filter Antialiasing problem

Question

So i have a page with a bunch of images. And I have a function which fades out these layers using IE\'s opacity filter through javascript.

Now when

Answer 1

There is a trick I have used... if the background behind the text is such that you can pick a solid color that will match it within a reasonable degree, you can use the following pair of CSS rules to do faux-antialiasing on the text, in IE only:

background-color: #CCCCCC; /pick the color that matches your background/ filter:progid:DXImageTransform.Microsoft.Chroma(color='#CCCCCC'); /use the same color here/

Answer 2

1. You have to define the background on each element, there's no getting round that as far as I am aware. You could do this with css, something like

   .mydiv p {background:#fff}

2. Using 1x1 px background causes repeating issues. Using 2x2 px does not.

Answer 3

I "got around" this by disabling Anti-Aliasing in IE completely by appending an Opacity filter of 1.0 on every element on the page...

Ok, so it looks nasty - but at least everything looks like (and IE6/7 is nasty anyway ^_^).