html - td 背景图像未显示在打印预览中

Question

我已经解决了几个关于 Stack Overflow 中同一主题的问题，但找不到合适的解决方案。

例如。这是我的 HTML:

<table style="width: 100%;">    
  <tr>
     <td style="text-align: center;background: url(../image/background_top2.jpg) repeat-x;width: 10%;"></td>
     <td style="width: 10px;width: 2%;"></td>
     <td style="text-align: center; margin-top: 0px;width: 10%;font-size: 18px;color:#018bb4;font-weight: bold;">
     INVOICE #
     </td>
     <td style="font-size: 15px;width:36%;text-align: left;font-weight: bold;">123</td>
   </tr>
</table>

这是我用来打印背景图片的 CSS。我也在打印预览中成功显示了正文背景图像，但无法显示表 td 的背景图像。

@media print {
   body  {
      -webkit-print-color-adjust: exact;
   }
}

.vendorListHeading th td {
   background-color: #1a4567 !important;
   color: white !important;
}

Answer 1

这段代码工作正常，见附图

请检查你的图片路径，我认为你的图片路径是错误的。