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

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

【问题讨论】:

标签: css google-chrome printing


【解决方案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 观察)。

【讨论】:

  • 相当于保持媒体按样式分组分隔:&lt;style type="text/css" media="print"&gt; body { -webkit-print-color-adjust: exact; } &lt;/style&gt;
【解决方案3】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 2011-08-29
    • 1970-01-01
    • 2016-05-02
    • 2013-09-28
    • 1970-01-01
    • 2010-10-24
    相关资源
    最近更新 更多