如何强制浏览器在 CSS 中打印背景图像？

Question

之前有人问过 这个问题，但该解决方案不适用于我的情况。我想确保打印某些背景图像，因为它们是页面不可或缺的。 （它们不是直接在页面中的图像，因为其中有几个被用作 CSS 精灵。）

关于同一问题的另一个解决方案建议使用 list-style-image ，只有在每个图标都有不同的图像且没有 CSS 精灵的情况下才有效。

除了使用内联图标创建一个单独的页面之外，还有其他解决方案吗？

原文由 DisgruntledGoat 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您几乎无法控制浏览器的打印方法。最多你可以建议，但如果浏览器的打印设置有“不打印背景图像”，那么如果不重写页面以将背景图像变成恰好位于其他内容后面的浮动“前景”图像，那么您将无能为力。

原文由 Marc B 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 Chrome 和 Safari，您可以将 CSS 样式 -webkit-print-color-adjust: exact; 添加到元素以强制打印背景颜色和/或图像

原文由 Marco Bettiolo 发布，翻译遵循 CC BY-SA 3.0 许可协议