Html Chrome系统打印对话框文本白色高亮显示
我有一个问题，谷歌Chrome在Windows上只（尝试IE11，FF，Opera，Safari）打印。该问题仅在使用系统打印对话框时发生。使用Chrome打印预览会呈现预期的结果，但只有在使用“系统打印”对话框时，我才发现问题 下面的第一幅图像是预期结果（使用普通Chrome打印预览窗口打印）： 这是我得到的（使用系统打印对话框）： 我认为这是一个不言自明的问题——所有的文本都有一个白色的亮点 另一个可能相关的问题是，我的字体都不正确-PDF使用Arial呈现，而不是我声明的正确字体 这些都是用PDF打印机打印的，但是打印在纸上的结果完全一样，我试过两种不同的打印机制造商 我会发布CSS（我怀疑这就是问题所在），但我不确定该发布什么 我尝试过改变不同元素中不同CSS值的堆（太多了，无法命名），但我尝试过一些明显的：背景颜色和背景，尝试过删除不透明度等 任何想法都将不胜感激 编辑：带有示例的实时URL位于： 编辑：刚刚编写了一个简单的测试用例，但也失败了：Html Chrome系统打印对话框文本白色高亮显示,html,css,google-chrome,printing,Html,Css,Google Chrome,Printing,我有一个问题，谷歌Chrome在Windows上只（尝试IE11，FF，Opera，Safari）打印。该问题仅在使用系统打印对话框时发生。使用Chrome打印预览会呈现预期的结果，但只有在使用“系统打印”对话框时，我才发现问题 下面的第一幅图像是预期结果（使用普通Chrome打印预览窗口打印）： 这是我得到的（使用系统打印对话框）： 我认为这是一个不言自明的问题——所有的文本都有一个白色的亮点 另一个可能相关的问题是，我的字体都不正确-PDF使用Arial呈现，而不是我声明的正确字体 这些
<!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>
#bg{宽度：500px；高度：500px；}
#文本{页边距顶部：-500px；}
此文本将有一个白色突出显示
这让我觉得这是一个Chrome bug，正如你所猜测的，问题出在你的CSS中。在CSS中搜索@media print，它控制打印样式。您提供的live站点根本不允许任何打印，因此当它设置打印样式显示时，您会得到一个完全白色的文档：无。您有live url供我们测试吗？当然有！我更新了问题以包含此内容。您找到解决方案了吗？我遇到了同样的问题。@拉比我在这方面没有任何进展，我只是鼓励用户不要使用“系统打印”对话框。不久前，我还用Chromium打开了一个bug报告：我有一个客户端需要使用系统打印对话框。他们需要在法定尺寸的纸张上打印，而这无法通过chrome对话框完成。所以现在我有一个陷阱22。他们要么在11英寸的纸上打印，要么在14英寸的纸上打印，然后chrome将这些白色背景放在一起，这样会干扰边框，甚至会屏蔽其他文本。你能详细说明一下吗？它使用Chrome Print Preview按我预期的方式打印，因此
@media Print@media print