Chrome adds a gray outline to printed transparent png / gif

Question

I am working on a print pattern in a browser to print to PDF, and I use transparent .png overlay in one section.

This happens with both transparent .png files and transparent .gif files :

Chrome, when printed (both in .pdf and in the preview window), it seems to display transparent images with a gray 1px line:

Figure A:

I tried this in several other browsers (including Safari), and none of them do what Chrome does. Has anyone seen this before? I need to find a way to disable it or hack on the Chrome side so that it works in different browsers.

, : http://jsfiddle.net/brandonscript/nELwd/ ( <img />) Cmd/Ctrl + P . , .pdf. , " ", .

. , , 100% .pdf 100% - , . . ( ) .pdf.

Answer 1

, . , , , .

, , . - .

EDIT ( @remus)

, , , , . . another image of mine, , . ( pdf ). , .

Answer 2

, css ( pdf ), 2 : 1 1 ( yuour):

<img src='http://apigee.ignite.ms/iloveapis/portal/badge/heart-overlay.gif' width='300' height='400' class="screen"/>

<img src='http://apigee.ignite.ms/iloveapis/portal/badge/heart-overlay_print.gif' width='300' height='400' class="forPrinting"/>

css:

img.forPrinting { display:none }

css , css:

img.screen {display:none }
img.forPrinting { display:block; }

Answer 3

: PDF .

:

:

, , HTML-. , , , .

. : jsfiddle.net/cyVqw/

:

PDF:

To make sure that at any size the PDF will maintain the transparency of the image, I checked the PDF is saved in a higher resolution, for example, "Print Quality". this led to a large file, but with better scaling quality:

Here is a 33% high resolution preview:

200% high resolution preview

So, you need to adjust the PDF quality setting.