Я пытаюсь создать PDF-файлы из HTML-страниц с определенным фоновым изображением на страницу. Фоновое изображение содержит некоторое содержимое внизу, поэтому я хотел бы убедиться, что текстовое содержимое не пересекается с фоновым изображением. Текстовое содержимое является динамическим, есть ли способ сделать это правильно без хаков?
Я пробовал заполнить нижнюю часть, как показано ниже, но это сдвигает всю страницу, включая фоновое изображение.
@page {
padding: 50px 0 150px 0 !important;
background: url('..') no-repeat center center fixed;
background-size: cover;
}