jQuery Fading Problems in Internet Explorer

1. Add a Backgound Color

Fade in (ugly in IE)

This element has no background set with CSS

Fade in (pretty in IE)

This element has a white background set with CSS.

2. Remove the clearType Filter

Fade demo Thanks Ben­jamin

This element has a PNG image with white background-color set with CSS.

3. Use a Cus­tom fadeIn/Out Method

Fade Demo Thanks to Ben­jamin Novakovic

This element has no background set.

4. Advanced Scenarios

Cross fade for absolute elements in IE8 Thanks to Al Flemming

fadeOut() <div> (#fadeoutdiv). Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

fadeOut() <div> (#fadeindiv). Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.