On 02/08/2007, at 1:35 AM, Lee wrote:
There are different issues with both Mac and Windows. Lets look at the mac issue first. Firefox 2.0.0.6 - when you mouse over the 'Related products' div down the bottom, it calls (via hover) a fadeto 1, then on mouse out it calls a fadeto 0.4. The problem with firefox on the mac is that it fades out some of my text too! The text is not in the div, and it only effects the text shown on the screen, scroll up and the text that was previously hidden is fine. Some kind of redraw issue.
This is a Mac Firefox (only Mac) quirk that is currently unavoidable. What happens is that as soon as anything on the page has opacity of anything other than 1, the text is rendered using a different mode which makes it look lighter in weight. Very similar to how text looks in Safari when you set a non-detectable text-shadow on it. A workaround I have used is to set opacity: .99 on the body element so that all text uses the lighter rendering mode all the time and you don't get the sudden jump between the two modes. Sometimes it even makes the text look better, sometimes not.
The problem on the windows box is slightly different. Also 2.0.0.6, on win xp, this is an issue I have had before (and never resolved) - same page, same element, all works as it should, except the div jumps up 2-3 pixels every time I mouse over it.
Not sure about this as I can't test it at the moment. Hopefully someone helps you out, or I will look at it tomorrow.
Joel Birch.
