Note: There are a few cases of duplicates in user autocompletion which are being worked on.

Yellow tinting on text when using certain values of CSS opacity and ClearType is enabled

RESOLVED FIXED

Status

()

Core
Graphics
RESOLVED FIXED
7 years ago
6 years ago

People

(Reporter: James Abbatiello, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(8 attachments)

(Reporter)

Description

7 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6

With gray text on a white background, some values of CSS opacity result in yellow tinting of the text.  See the example URL.  I will attach screenshots below.

Disabling ClearType causes text to appear correctly.  I tried in Safe Mode and the tinting still appears there.  The problem does not occur in Firefox 2.0 or Chrome 5.0.


Reproducible: Always

Steps to Reproduce:
1. View the testcase

Actual Results:  
Text appears yellow tinted on the indicated lines

Expected Results:  
All text should look gray

OS: Windows 7 Professional
Processor: Intel Core 2 Duo T8100 2.10GHz
Video: NVIDIA GeForce 8600M GS, Driver v8.17.11.9562
(Reporter)

Comment 1

7 years ago
Created attachment 456384 [details]
Testcase
(Reporter)

Comment 2

7 years ago
Created attachment 456385 [details]
Screenshot from Firefox 3.6.6
(Reporter)

Comment 3

7 years ago
Created attachment 456386 [details]
Screenshot from Firefox 2.0.0.20
(Reporter)

Comment 4

7 years ago
Created attachment 456387 [details]
Screenshot from Chrome 5.0.375.99
(Reporter)

Comment 5

7 years ago
Created attachment 456388 [details]
Screenshot from Firefox 4.0b1

Confirming that this happens on Firefox 4.0b1 as well.
Mozilla/5.0 (Windows; U; Windows NT 6.1; WOW64; en-US; rv:2.0b1) Gecko/20100630 Firefox/4.0b1
(Reporter)

Updated

7 years ago
Attachment #456388 - Attachment description: Screenshot from Chrome 4.0b1 → Screenshot from Firefox 4.0b1

Updated

7 years ago
Status: UNCONFIRMED → NEW
Component: Layout: View Rendering → Graphics
Ever confirmed: true
QA Contact: layout.view-rendering → thebes

Comment 6

7 years ago
James, I don't see the yellow fringing you're seeing.  I suspect the underlying problem may be related to bug 363861.  Could you attach a screenshot of the testcase noted in comment 64 on that bug as it displays on your machine?

https://bugzilla.mozilla.org/show_bug.cgi?id=363861#c64
(Reporter)

Comment 7

7 years ago
Created attachment 457236 [details]
Screenshot of opacity test from 363861#c64

As requested

Comment 8

7 years ago
Created attachment 457249 [details]
closeup of opacity test screenshot

Closeup of some values, each shows the result of rendering with a color and that *same* color + opacity = 0.99.  Note how the fringe colors are radically different.

Wow, I can't believe how wrong that is, I don't see anything this wrong under either XP or Win7.

Comment 9

7 years ago
James, could you try running with a test build that I put together for the Cleartype opacity bug?  The link is described in bug 363861, comment 76.  It would interesting to see what results you get when displaying the opacity pinwheel test case, bug 363861, comment 64.
(Reporter)

Comment 10

7 years ago
Created attachment 461111 [details]
Screenshot of opacity test under test build

Looking much better!
This was fixed by bug 363961.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.