如何在打印时添加每个页面上显示的图片横幅？

Question

我需要打印一个html文档。该文档包含多页表。现在，我需要一种方法在每页的页面顶部添加横幅图像。我尝试使用＆＃39; position：fixed＆＃39;，但此过程与我的表行重叠。 如果有人帮我找到解决方案，我将非常感激。

提前致谢。

@media print{
 body div img{
 position: fixed;
 }
}

Answer 1

您可以尝试添加图片并使用display:none或其他样式隐藏它。然后在媒体印刷品中，以ex display:block显示。这样它将在桌子之前（或你想要的地方）

＆＃13;

＆＃13;

img {
  display: none
}

@media print {
  img {
    display: block
  }
}

＆＃13;

<img src="http://via.placeholder.com/350x150">
<table>
  <tr>
    <td>table</td>
    <td>table</td>
  </tr>
  <tr>
    <td>table</td>
    <td>table</td>
  </tr>
  <tr>
    <td>table</td>
    <td>table</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;