411699 - print preview treats any opacity other than 1 as 0

Status: RESOLVED WORKSFORME

(Core :: Print Preview, defect, P3)

Description

[Jason Brackins]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

I use a page with some fancy ajax fade in, fade out effects. When I go to print-preview, the images do not appear. The images do appear on the paper when I send the page to the printer, so it is just print preview that has the issue.

Firebug shows the div container has opacity = 0.999999. I modified the page to set the opacity to 1 exactly and the images did show up (the changes aren't live yet).

It is possible to reproduce this behavior by creating a dummy html page, and using css to set the opacity of something to any value other than 1.


---
Note about the URL: Those pages expire. If you don't see a big picture of a house, with some smaller pictures underneath, you may have to find another.

Reproducible: Always

Steps to Reproduce:
1. Go to the above url
2. Click File->print preview

Actual Results:  
A big empty box where the picture of the house should be

Expected Results:  
The picture of the house should be visible.

Comment 1

[Jason Brackins]

Attachment: a simple test case

The testcase has two divs. Both are visible on screen. Only the first is visible in print preview.

Comment 2

[Samuel Sidler (old account; do not CC)]

I'm pretty sure this is a dupe but don't have time to look. I'll look later.

Jason, you said you reproduced this on trunk (Firefox 3.0-something) too, right?

Comment 3

[Jason Brackins]

Sorry, no. I don't have a 3.0, and I don't have a virtual machine handy.
The test case attachment is easy to use though :D

Comment 4

[Job van Zuijlen]

I ran into the same problem with a web page I'm developing which has a background with opacity set to < 1.0, and which this showed completely blank.  

A good example with images of what Jason is talking about can be found here: http://www.w3schools.com/css/css_image_transparency.asp, which is a page with CSS image opacity/transparency examples.  None of the ones with opacity < 1 show up in Print Preview.

Comment 5

[Florens Verschelde :fvsch]

I think this is a duplicate of bug 262019.

Comment 6

[Florens Verschelde :fvsch]

This bug reports this issue only affects print preview. It's not true in my experience on OS X (Snow Leopard) with Firefox 4b9.

Using this test page:
http://covertprestige.info/bugs/ff4-print-opacity/

Test 1:
- "File > Print…"
- Hit "Preview" button. Launches the preview in Preview.app
- Print from Preview.app
Result: all text with opacity < 1.0 is not printed.

Test 2:
- "File > Print…"
- Hit "Print" button.
Result: all text with opacity < 1.0 is not printed.

Comment 7

[Florens Verschelde :fvsch]

(In reply to comment #6)
Added bug 627262 as a OSX-specific bug. No idea what's the current status of this bug on Windows.

Comment 8

[Martijn Wargers (dead)]

This works for me, is this still an issue?

Comment 9

[Florens Verschelde :fvsch]

Bug 627262 (reported for OSX) was fixed, perhaps it impacted other platforms too?
I still have a test case at http://fvsch.com/code/bugs/ff4-print-opacity/ (URL changed, sorry).

On OSX:
- all translucent text is printed
- content with opacity at 0.9 or below is exported as a bitmap
- text with a RGBA color is exported as text

I can test on Win7 tomorrow.

Comment 10

[Jonathan Watt [:jwatt]]

The original issue here is fixed. The issue with group opacity being rasterized is a different one. Can you file a new bug with your testcase attached, Florens? (That issue happens on Windows, Mac and Linux FWIW.)

Comment 11

[Florens Verschelde :fvsch]

Thanks Jonathan, I filed bug 1448664 for the rasterization issue.