i think i posted this before, but am not able to find the topic.
this is more a firefox-bug than it has to do with ext js, but it is something really looking ugly.
since firefox 3, the browser is no longer able to render fonts with an opacity < 1 correctly.
the font-color is no longer gray, but shimmering in various green colors.
i added a screen as an example.
the big problem is, that this bug is also in the firefox 4 beta.
one way to work around this bug could be to replace the opacity for disabled fonts with a specified color of gray when dealing with firefox. on disable adding this new color with !important, leaving the original color too to restore it on enable.
I too have encountered this issue, it only seems to happen with the checkbox(in EXT JS currently), and only when the Style rule contains "opacity". I'm going to go out on a limb here and say this is actually a rendering bug with-in Gecko and a bug report should be filed there.
as a proof of concept I threw this little(hideous) html in a file...
Oh yes, I'm using Firefox 3.6.10 and Windows 7 as well, I haven't looked since but as of Friday of last week it was happening in FF on my Mac as well.
MDC's page on opacity has samples that work fine. the difference? Font color, when removing "color:gray" from the style opacity renders as expected (with color:black at least)
Since firefox 0.9 -moz-opacity has been an alias for opacity(as of 3.5 -moz-opacity is ignored), is there an reason to keep it in the CSS rule in the 3.x line of ExtJS since Firefox 1.5 and later are only supported?
Last edited by Seana; 6 Oct 2010 at 8:35 AM.
Reason: additional info/question
Confirmed last night that this is a known issue with-in Gecko bug-report here.
the test case however does show that a change like opacity: 0.6 to opacity:0.65 could "correct the issue" as a temporary solution. Sadly in the little bit of testing I did last night I found that there are a number of variables that add to the issue's complexity from a "code around it" stand point. For instance color:gray; background-color: white seems to have a large breadth of opacity values that are rendered incorrectly.
Last edited by Seana; 7 Oct 2010 at 7:16 AM.
Reason: color tags don't work, bold does though!