Код CSS, который устанавливает поле для содержимого при печати, но позволяет использовать полностраничное фоновое изобра ⇐ CSS

[Anonymous]

Я создаю небольшую веб-страницу, которая также имеет функцию печати. У меня проблемы с разрывами страниц и полями. Если я установлю поля в @page Margin на 2 см, документ будет печататься нормально, но фоновое изображение не заполнит страницу. Если я установлю поле @page равным 0 см, фон заполнит всю страницу, но страница 2 и последующие страницы не будут иметь верхнего или нижнего поля.
Возможно ли это каким-то образом установить поле @page на 2 см и при этом фоновое изображение заполнит всю страницу?
Вот мой пример кода:

Код: Выделить всё

Print Background Image

@media print {
@page {
size: A4;
margin: 0;
}

body {
margin: 0;
padding: 0;
}

.print-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-image: url('images/background1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}

.content {
position: relative;
margin: 2cm;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent baggrund for at gøre teksten læsbar */
padding: 1cm;
border-radius: 5px;
page-break-inside: avoid;
}
}




Indhold til udskrivning
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.
Dette er noget tekst, der skal udskrives med en baggrund.

Indhold til udskrivning på side 2
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.
Dette er noget tekst, der skal udskrives med en baggrund på side 2.

Indhold til udskrivning på side 3
Dette er noget tekst, der skal udskrives med en baggrund på side 3.
Dette er noget tekst, der skal udskrives med en baggrund på side 3.
Dette er noget tekst, der skal udskrives med en baggrund på side 3.
Dette er noget tekst, der skal udskrives med en baggrundpå side 3.

Питер

Подробнее здесь: https://stackoverflow.com/questions/791 ... page-bacgr