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

Question

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

我一直在尝试这样做

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

但这不适用于任何浏览器。这是根本不可能的事情吗？还是还有一些我还没有找到的技巧？

Answer 1

这种完成它的方法有效：

@media print {
    body {
        background: url("something.jpg");
    }
}

还要确保有关打印机的浏览器设置允许您打印背景。(在 Firefox 中，它是对话框中的选项选项卡，可让您选择打印机。

Answer 2

对于打印，您可能希望使用 @media print 媒体查询，而不是@page或组合它们。此外，size属性似乎没有有效值。

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