td 背景图像未在打印预览中显示答案

【问题标题】：td background image is not displaying in print previewtd 背景图像未在打印预览中显示
【发布时间】：2017-08-16 23:47:50
【问题描述】：

我在 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;
}

【问题讨论】：

标签： html css

【解决方案1】：

此代码运行良好，请参阅附图

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

【讨论】：

实际上它是在 chrome 中显示的。我实际上正在使用歌剧，因此它没有显示。因此，我没有使用背景属性，而是使用了 img 标签，所以它现在也在歌剧中显示。