在 Chrome 中打印背景颜色
Posted
技术标签:
【中文标题】在 Chrome 中打印背景颜色【英文标题】：Print Background colours in Chrome 【发布时间】：2011-01-24 10:37:54 【问题描述】：我正在尝试用 chrome 打印 php 生成的文档，在浏览器上看起来不错Link to the page I want to print 但是我的打印机不会打印任何彩色背景，请问有人可以提供任何建议吗？我可以用 CSS 做到这一点吗？
【问题讨论】：
superuser.com/questions/117162/… Chrome 现在允许元素 CSS 中的-webkit-print-color-adjust:exact; 打印背景。
查看类似问题***.com/questions/5355117/…
【参考方案1】：
您在浏览器中调整是否打印背景颜色和图像。查看您的浏览器打印选项。
Google Chrome offers this feature starting from version 26（2013 年 3 月）。
同样starting from version 17，Chrome 允许通过在元素 CSS 中使用 -webkit-print-color-adjust:exact; 以编程方式更改背景打印行为来打印背景。
【讨论】：
另外，请记住，绝大多数浏览器默认禁用背景颜色和图像。 感谢 Eduardo 的提示！ 谷歌浏览器是否仍支持此选项？我在打印对话框中看到了该选项，但背景颜色仍未显示在 pdf 中 可以确认Chrome仍然支持-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) > 单击 更多设置 > 选项：检查 背景图形
【讨论】：
以上是关于在 Chrome 中打印背景颜色的主要内容，如果未能解决你的问题，请参考以下文章