html打印预览出现重叠,html – 使用打印模式css打印网页时页眉和正文内容重叠...

我必须在每个页面打印带有自定义标题的网页,

下面是我的打印媒体CSS代码

@media screen {

header.onlyprint, footer.onlyprint,.watermark{

display: none; /* Hide from screen */

}

}

@page {

size:A4;

}

@media print {

@page {

size:auto;

margin-top:2mm;

}

html{

margin-top: 20mm;

}

header.onlyprint {

position: fixed; /* Display only on print page (each) */

top: 0; /* Because it's header */

margin-top: 0;

}

}

HTML代码是：

但问题是只在第一页上标识正确打印,从第二页开始,徽标与正文内容重叠.从第二页开始,HTML的CSS无效.