在Chrome中打印背景颜色

Mic*_*ick 44 css printing google-chrome

我试图在Chrome中打印PHP生成的文档,在浏览器上看起来很好链接到我要打印的页面但是我的打印机不会打印任何彩色背景,有人可以提供任何建议吗?我可以用CSS做到这一点吗?

Gor*_*don 83

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

Google Chrome从版本26(2013年3月)开始提供此功能.

同样从版本17开始,Chrome允许通过-webkit-print-color-adjust:exact;在元素CSS中使用打印背景来以编程方式更改背景打印行为.

  • Google Chrome仍支持此选项吗?我在打印对话框中看到了该选项,但背景颜色仍未显示在pdf中 (12认同)
  • 可以确认Chrome仍然支持`-webkit-print-color-adjust:exact;`。奇迹般有效。 (2认同)

nob*_*bar 16

Gordon的答案很棒,但对于那些CSS技能生锈的人来说,这是一个更完整的例子.

将以下内容放在文档的<head>部分中.

<style type="text/css">
@media print { body { -webkit-print-color-adjust: exact; } }
</style>
Run Code Online (Sandbox Code Playgroud)

顺便说一下,虽然Chrome/Chromium的打印对话框现在有一个Background graphics复选框,但是如果你不点击Print using system dialog(在Linux中用Chromium观察),它似乎只能起作用.


Geo*_*ale 6

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

Chrome 打印预览