Chrome 为打印的透明 png/gif 添加灰色轮廓

bra*_*ipt 5 css browser printing google-chrome

我正在浏览器中处理打印到 pdf 的打印模板,并在一个部分使用透明的 .png 覆盖。

透明 .png 文件和透明 .gif 文件都会发生这种情况

Chrome 在打印时(包括 .pdf 和打印预览窗口),似乎用 1px 灰线勾勒出透明图像:

附件A:

在此处输入图片说明

我已经在其他几个浏览器(包括 Safari)中尝试过这个,但似乎没有一个能像 Chrome 那样做。有没有人见过这个?我需要找到一种方法来禁用它或在 Chrome 端破解它,以便它可以跨浏览器工作。

要查看此操作,请单击此处:http : //jsfiddle.net/brandonscript/nELwd/(只是一个<img />标签)并按 Cmd/Ctrl+P 以显示打印预览。您可以在预览看到这如果打印为pdf。确保您启用了“背景颜色和图像”,否则您将看不到任何图像。

注意:我不会在打印寻找解决方法,我知道如果您将图像大小调整为 100% 并以 100% 缩放查看 .pdf,您将看不到灰线。我需要在打印 .pdf 之前以编程方式(或以其他方式)删除灰线。

Siv*_*mma 1

我已经进行了足够的实验,并在这样做时考虑了上面的所有答案。可疑的是,在保存你的图像并在 gimp 中打开并进行一些查看后,我发现的是这个。

原始图像, 擦除图像周围的空白区域...

这让我认为你的图像是真实的,周围包含灰色边框。我的建议是删除该层并将实际图像周围的空白区域设置为透明。

编辑(回复@remus评论)

我不知道我的说法是否正确,但我相信该图像不是您所期望的那样。您需要纠正该图像。我已经测试过another image of mine粘贴在小提琴上在屏幕和打印预览中没有任何边框。(还有最终的 pdf)。抱歉,如果这个答案是正确的并伤害了您。