How to add an image banner that appear on every page while printing?

Question

I need to print a html document. This document contain multipage table. Now, I need a way to add an banner image at page-top on every page. I have tried with 'position:fixed', but this procedure overlaps my table rows. I would be really grateful if anyone help me to find a solution.

Thanks in advance.

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

Answer 1

You could try adding the image and hide it with display:none or other styles. And then in media print, show it with for ex display:block . That way it will be before the table ( or where you want it )

 img { display: none } @media print { img { display: block } } 

 <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>