【问题标题】:Print css backgrounds in safari/chrome?在 safari/chrome 中打印 css 背景?
【发布时间】:2011-07-18 07:51:45
【问题描述】:

我需要打印一些带有 CSS 背景的页面,但它们不会出现在 Safari 或 Chrome 中,在 FF 中,页面设置中有一个选项,但我无法在这两个浏览器中找到它。他们不支持吗?

提前谢谢大家。

【问题讨论】:

    标签: css google-chrome printing safari background


    【解决方案1】:

    打印背景图像是一个依赖于浏览器的功能。 FF 和 IE 都有,但你不能通过源代码强制它。

    【讨论】:

    • 我不是强求,我只是想知道是否有一个选项可以像在 FF 中一样打开它
    • 我只知道 IE 中有一个类似的选项。对不起。
    • 见下面luke-h的回答。你可以使用 webkit 中神秘的 print-color-adjust 属性。
    【解决方案2】:

    在 chrome 中(我认为是 17+ 的新版本),这是由开发人员可以添加的项目上的 CSS 属性控制的:

    -webkit-print-color-adjust:exact;
    

    从用户的角度来看,似乎没有这样的选择。

    【讨论】:

    • 这也修复了一些文本颜色问题。我能看到的唯一其他值是“经济”,所以我假设这样做的想法是通过去除背景和简化颜色来减少墨水的使用?
    • @dmnc 什么文字颜色问题?
    • @Ben 当你从 webkit 打印时,它会简化颜色,例如,如果一种颜色有少量的青色和大量的洋红色,那么它会打印为完全洋红色以节省墨水。这个声明禁用了它。
    • @dmnc 很有趣。你有这种墨水切换行为的来源吗? (是的,我已经用谷歌搜索了。)我个人认为整个财产都是错误的,反标准的,应该被搁置。后台打印和墨水管理都由用户和打印机决定,而不是开发人员。
    • @raphie Chrome 刚刚在这个问题上改变了路线。 Canary 版本具有用于切换后台打印的复选框。有关历史,请参阅这个冗长且有争议的铬线程:code.google.com/p/chromium/issues/detail?id=113594
    【解决方案3】:

    我又遇到了这个问题,是 Twitter Bootstrap CSS 导致了这个问题。当我停止使用 Bootstrap 后,问题就解决了,不需要特殊的 CSS 属性 (-webkit-print-color-adjust:exact;)。

    【讨论】:

      【解决方案4】:

      对于最新的 Chrome,这是一种选择。

      您也可以只截取屏幕截图并在图像编辑器中打印位图图像,或将屏幕截图粘贴到 Word 中进行打印。

      Chrome 版本 69.0.3497.100(官方版本)(64 位)

      【讨论】:

        猜你喜欢
        • 2011-01-24
        • 2012-02-04
        • 1970-01-01
        • 1970-01-01
        • 2021-04-22
        • 1970-01-01
        • 1970-01-01
        • 2014-03-31
        • 2016-01-29
        相关资源
        最近更新 更多