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

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;
  }
}

Answer 2

得非常好作品的这种方式：

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

同时也确保有关打印机let you to print a background浏览器设置。 （在Firefox中，它的对话框让你选择你的打印机选项选项卡。）