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

Question

我在 bootstrap 中有一个页面需要打印。我在 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从这里回答没有用。

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

Answer 1

正如我所见，背景仅针对 图像 发生变化，而您尝试针对整个表格单元格 进行更改。尝试使用以下代码设置图像背景:

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