【发布时间】：2013-12-07 05:45:31
【问题描述】：
我在仅 Windows 上的 Google Chrome 中遇到了打印问题（尝试了 IE11、FF、Opera、Safari）。该问题仅在使用 system 打印对话框时出现。使用 Chrome 打印预览会呈现预期的结果，但只有在使用系统打印对话框时才会出现问题。
下面的第一张图片是预期的结果（使用普通的 Chrome 打印预览窗口打印）：
这就是我得到的（使用系统打印对话框）：
我认为问题所在很容易解释 - 所有文本都有一个白色突出显示。
另一个可能相关的问题是我的字体都不正确 - PDF 使用 Arial 渲染，而不是我声明的正确字体。
这些是用 PDF 打印机打印出来的，但是打印在纸上的结果是完全一样的，而且我试过两个不同的打印机制造商。
我会发布 CSS（因为我怀疑这是问题所在），但我不确定该发布什么。
我尝试过从各种元素中更改成堆的不同 CSS 值（太多无法命名），但我尝试了明显的一些：背景颜色和背景，尝试移除不透明度等。
任何想法将不胜感激！
编辑：带有示例的实时 URL 位于：iNewsletter
编辑：刚刚写了一个同样失败的简单测试用例：
<!DOCTYPE html>
<html>
<head>
<style>
#bg {width: 500px; height: 500px;}
#text {margin-top: -500px;}
</style>
</head>
<body>
<div id="bg"><img src="http://inws-cache-dev.s3.amazonaws.com/3-resize-1024-768.jpg" width="500" height="500" /></div>
<div id="text">This text will have a white highlight</div>
</body>
</html>
这让我认为这是一个 Chrome 错误
【问题讨论】：
-
您有实时网址供我们测试吗？
-
当然可以！我更新了问题以包含此内容。
-
您找到解决方案了吗？我遇到了同样的问题。
-
@Rabbi 我在这方面没有任何进展，我只是鼓励用户不要使用系统打印对话框。不久前我还用 Chromium 打开了一个错误报告：code.google.com/p/chromium/issues/…
-
我有一位客户需要使用系统打印对话框。他们需要在法定尺寸的纸张上打印，而这无法通过 chrome 对话框完成。所以现在我有一个捕获 22。他们要么在 11" 纸上打印，要么在他们需要的 14" 纸上打印，然后 chrome 会放置这些干扰边框甚至可以阻挡其他文本的白色背景。
标签： html css google-chrome printing