Google Chrome 上的打印预览行为不同

Posted 2023-03-06

【中文标题】Google Chrome 上的打印预览行为不同

【英文标题】：Print preview behaves differently on Google Chrome

【发布时间】：2015-02-03 06:34:15

【问题描述】：

我在引导程序中有一个页面需要打印。我在 Google Chrome 上遇到了问题。还有一些图片（矢量）也需要打印出来。

由于某种原因，矢量格式的图像会变成红色背景http://i60.tinypic.com/29lfp61.png。在 Windows 上，该颜色变为灰色。

另外，当我将页面下载为 pdf 时，它与存储的图像不同。 http://i58.tinypic.com/1fhjio.png。

普通 .jpg 图像可以正常工作。

一切都适用于 Mozilla。

我从这里尝试了Background color not showing in print preview 答案，但没有成功。

所以我不确定到底是什么问题。有解决办法吗？请指导。提前致谢。

【参考方案1】：

我看到只有 图像 的背景会发生变化，而您尝试为 整个表格单元格 更改它。尝试使用以下代码设置图像背景：

@media print 
tr.vendorListHeading img 
   background-color: #ffffff !important;
   -webkit-print-color-adjust: exact;