将背景图像添加到使用html PDF生成的每个PDF页面中

Question

我使用的是html pdf(https://www.npmjs.com/package/html-pdf)以基于HTML文件生成PDF。我现在正在尝试将背景图像添加到这些PDF中。一个特殊/附加要求是，第一页应该有另一个背景图像，而不是第2…n页。

我的尝试是利用标题功能，但背景图像从未显示。

我在模板中添加了一个标题，显示正确，并尝试使用以下CSS添加背景图像：

#pageHeader:after,
#pageHeader-first:after {
content: "";
display: block;
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
height: 297mm;
width: 210mm;
background-image: url('/background-default.jpg');
background-repeat: no-repeat;
background-size: contain;
}

仅供参考，以下是我在HTML文件中添加标题的方式：

<div id="pageHeader">Test1</div>
<div id="pageHeader-first">Test2</div>

知道我在这里做错了什么吗？或者有更好的方法来实现我想要的吗？

Answer 1

我找到了问题的解决方案：

由于PhantomJS的限制，显然我还必须将图像添加到身体中，并使用display隐藏它们：none；一旦完成，图像也将显示在html pdf的页眉/页脚部分。

更详细的信息可以在这里找到：https://github.com/marcbachmann/node-html-pdf/issues/12