CSS @ page background-images на всех страницах?

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