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

此代码工作正常，请参阅附图

请检查您的图片路径我认为您的图片路径错误。