在 Chrome 中打印背景颜色答案

【问题标题】：Print Background colours in Chrome在 Chrome 中打印背景颜色
【发布时间】：2011-01-24 10:37:54
【问题描述】：

我正在尝试用 chrome 打印 PHP 生成的文档，在浏览器上看起来不错Link to the page I want to print 但是我的打印机不会打印任何彩色背景，请问有人可以提供任何建议吗？我可以用 CSS 做到这一点吗？

【问题讨论】：

【解决方案1】：

您在浏览器中调整是否打印背景颜色和图像。查看您的浏览器打印选项。

同样starting from version 17，Chrome 允许通过在元素 CSS 中使用 -webkit-print-color-adjust:exact; 以编程方式更改背景打印行为来打印背景。

【讨论】：

【解决方案2】：

Gordon 的回答很棒，但是对于 CSS 技能生疏的人来说，这里有一个更完整的例子。

将以下内容放入文档的<head> 部分。

<style type="text/css">
@media print { body { -webkit-print-color-adjust: exact; } }
</style>

顺便说一句，虽然 Chrome/Chromium 的打印对话框现在有一个 Background graphics 复选框，但它似乎只有在您不单击 Print using system dialog 时才有效（在 Linux 中使用 Chromium 观察）。

【讨论】：

相当于保持媒体按样式分组分隔：<style type="text/css" media="print"> body { -webkit-print-color-adjust: exact; } </style>

【解决方案3】：

Chrome > 打印 (cmd P) > 单击更多设置 > 选项：检查 背景图形

【讨论】：