如何仅使用HTML和CSS为@media打印粘贴的页眉和/或页脚？我已经尝试过使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div>
<img id="opacity" src="congrats.gif" />和position: absolute，但是它不起作用。
答案 0 :(得分：0)
使用position: fixed和position:absolute无效。那将在第一页或最后一页上重复页眉/页脚。您需要做的是：在每个页面上手动设置页眉和/或页脚，隐藏具有固定高度和溢出内容的内容，并使用position:fixed CSS属性使浏览器创建一个在页面开头的新页面。
因此，在浏览器上它将显示所有page-break-*，而没有任何页眉和页脚，并且在打印时将包括在内。如果content中的一个没有用完整张纸，它将在content之前留下一些空白，如果太大，则会被隐藏。
footer在CSS上：
<body>
<div class="page">
<div class="header">...</div>
<div class="content">...</div>
<div class="footer">...</div>
</div>
<div class="page">...</div>
</body>
还要注意，在.page .header, .page .footer {
display: none;
}
@media print {
.page {
page-break-before: always;
}
.page .content {
height: 24cm;
overflow: hidden;
}
.page .header, .page .footer {
display: block;
}
}
上应该以物理单位进行测量，因此您应该使用@media print或cm而不是in。