使用标题图像设置标题高度以进行打印

Question

我有一个标题图像和一个标题高度。 我想在打印期间在每一页上包含页眉图像。

并且页面内容应该从顶部的标题高度开始。 （标题高度包括标题图像。）

同样，我想要页脚图像和页脚高度。

我尝试了以下内容：

CSS：

@media print {
    .divHeader {
        position: fixed;
        top: 0;
        height: {header-height};
    }
}

HTML :

<div class="divHeader">
    <img src="" width="100%" />
</div>
<-- Page content to print -->

这会将标题图像带到每个打印页面，但不会根据标题高度在页面内容之前给出间隙。

这里缺少什么？

Answer 1

您可能想试试这个库：paged.js。它是当前不受支持的 css page media module level 3 的 polyfill。