如何从具有多页背景的网站配置打印布局？答案

【问题标题】：How to configure print layout from website with background on multiple pages?如何从具有多页背景的网站配置打印布局？
【发布时间】：2019-02-13 14:11:19
【问题描述】：

我正在尝试从我的网站打印到 PDF。我有一个背景图片，想要一个 1 的边距。打印时，背景仅添加到第一页，上边距仅适用于第一页，下边距仅适用于最后一页。

我需要打印可以放入小册子的页面。

仅使用颜色而不是图像确实会在每个页面上放置颜色，但会在文本结束时停止而不覆盖页面底部。

我尝试过各种背景尺寸和@page 样式

<head>
<style>
body {
    background-image: url("../includes/images/paperback.jpg");
    margin: 1in;
    background-repeat: repeat-y;
}
</style>
</head>
<body>
test<br><br> <!-- repeated to fill multiple pages -->
</body>

【问题讨论】：

你可能有一些运气破坏了你的内容，专门使用break-inside进行打印。

标签： css

【解决方案1】：

我刚刚在其他地方收到了我的答案。我一直在尝试为此使用 Chrome，但被指示在 Firefox 中工作。通过为每个 div 添加相同的背景，将 div 边距设置为 0，并让 Firefox 添加 1in 边距，我能够获得一个文件，然后我可以在 Acrobat 中添加背景，然后填充空白边距。它有效，但我欢迎更简单的答案。

【讨论】：