by Iain Wilson
We thought we pretty much had it sussed, but recently came across a problem we hadn't seen before. We had a div containing an ordered list which faded out then faded back in with the list changed. This was on a timer which repainted the list every 10 seconds or so.
Problem was that it worked perfectly in Firefox, Safari, Opera etc, but in IE6 and IE7 when the list faded back in, the smaller fonts were ok but the larger bold fonts were rendered with pixel artefacts and were just plain unacceptable.
Of course, immediately thinking that it was the complicated list refreshing that was causing the problem, we wasted lots of time testing with just a simple piece of text - but the problem persisted. Finally, by trial and error we found what was causing the problem - the containing div must have a background color set.
So here are a few rules for IE opacity :