所有页面上的 CSS @page 背景图像？

Question

我希望每个打印页面上都有相同的背景图像。每当由于溢出而需要某个页面时，它应该具有与前一个页面相同的背景图像。

我一直在尝试这样做

@page {
    size: US-Letter portrait;
    background-image: url("something.jpg");
    padding: 3in .5in .75in .5in;
}

但这不适用于任何浏览器。这是根本不可能的事情吗？还是还有更多我还没有发现的技巧？

Answer 1

对于打印，您可能需要使用@media print媒体查询来代替@page它们或将它们组合起来。此外，该size财产似乎没有有效价值。

@media print {
  @page {
    size: letter portrait;
    background-image: url("something.jpg");
    padding: 3in .5in .75in .5in;
  }
}