Browser issue  Firefox + ClearType + Opacity

Luke F

Well-known member
There is a known and yet to be fixed (even in 4) bug in Firefox where text in transparent elements will look awful (text turns strange colours) if their opacity is < 1 (even without animation) if ClearType is enabled on Windows.

The workaround is to make all elements where opacity is adjusted (such as forum descriptions, quick reply posting, etc.) have a solid background (anything but transparent, none or undefined). I would like to not have to do this manually when xenForo is released, as the vast majority of my users use Firefox on Windows :)



 

Kier

XenForo developer
Staff member
Firefox? Really? I'll have to look into that, as far as I was aware only IE displayed ClearType issues with transparency.
 

Luke F

Well-known member
Yup, I use Firefox as my main browser and it happens to sites all over the place, some worse than others :(

I always make sure my sites don't suffer from the bug, would be cool if xenForo did too :)
 

goyo

Member
There is a known and yet to be fixed (even in 4) bug in Firefox where text in transparent elements will look awful (text turns strange colours) if their opacity is < 1 (even without animation) if ClearType is enabled on Windows.

The workaround is to make all elements where opacity is adjusted (such as forum descriptions, quick reply posting, etc.) have a solid background (anything but transparent, none or undefined). I would like to not have to do this manually when xenForo is released, as the vast majority of my users use Firefox on Windows :)

...
Strange I don't have this issue with Firefox and ClearType on any Win computers:
firefox+clearfont.png
 

Mark.B

Well-known member
Tested that in Firefox, I find it does go that strange colour briefly as it is popping up but then loads ok.
 

goyo

Member
Yup, I use Firefox as my main browser and it happens to sites all over the place, some worse than others :(

I always make sure my sites don't suffer from the bug, would be cool if xenForo did too :)
Nope...I've tested XF on other machines when it's fully loaded is perfectly readable without extra colors (opacitiy works well with FF in other pages...I'm actually using it when developing... ).

Maybe it has to do with your cleartype settings ? In Win7 there's a ClearType text tuner (Control Panel - Adjust ClearType Text).
 

Luke F

Well-known member
In the cases I mentioned it only happens while animating, as those are the only times opacity is less than 1, but it is still very noticable on the forum descriptions.

KURTZ's and goyo's screenshots appear to have been taken after the animation has completed, when there is no issue as opacity is 1.
 

Dean

Well-known member
Although I cannot find it, someone was having trouble with js while using a really slow internet connection recently.

The js did not load and the category popup looked strange? Something like that. Perhaps?
 

Luke F

Well-known member
Although I cannot find it, someone was having trouble with js while using a really slow internet connection recently.

The js did not load and the category popup looked strange? Something like that. Perhaps?
No that's unrelated. As I already said the bug is caused by a lack of background colour, and is easily fixed by making the element in question non-transparent.
 

KURTZ

Well-known member
In the cases I mentioned it only happens while animating, as those are the only times opacity is less than 1, but it is still very noticable on the forum descriptions.

KURTZ's and goyo's screenshots appear to have been taken after the animation has completed, when there is no issue as opacity is 1.
correct, just a moment before the text was light green like you had previously posted ...
 

Nick

Well-known member
little arrows? :confused: i can't get them ... OMG. i'm tired ... :rolleyes:
Looks like they're gone now. Maybe they were on my screen and not yours... cause I was playing with the header earlier in Firebug and it happened then. :p
 

Mike

XenForo developer
Staff member
I have to say, even with this pointed out, I still can't see it here. I don't know if my eye just doesn't catch it or if it's specific to certain versions of Windows.
 

Caliburn

Well-known member
I usually have ClearType disabled but enabled it for a quick test. I'm confirming this problem in FF-3.6.8
 

Mike

XenForo developer
Staff member
Yeah, I see it. I just don't see it on our tool tips. I don't know if it's the movement or the fast fade, the text just doesn't register until it's up to full opacity anyway.
 
Top