html – 如何使用css创建用于打印的页眉(图像)

我有一个图像,我想在所有页面上打印它作为中心的页面标题.我尝试了不同的方法,但图像与页面内容重叠.这是我的 HTML和CSS.

HTML代码

<div class="pageHeader" align="center">
<img width="600" height="150" src="logo.jpg" alt="logo">
</div>

CSS

<style type="text/css" media="print">
div.pageHeader
{
  position: fixed;
  top: 0;
}

我试图找到解决问题的完美解决方案,但仍然无法解决.

解决方法

最后我自己想出了一个解决方案.

通过使用position：fixed标题标识将与其下面的内容重叠.最好的方法是使用表调整现有代码,并在css中使用thead {display：table-header-group; }

CSS：

<style type="text/css" media="print">
    #logo
    {
      thead { display: table-header-group; }
    }