打印预览在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; 
}}