Блог

Мне нужно создать отчет в формате HTML для печати. Для этого я добавил изображение в качестве нижнего колонтитула на свою HTML-страницу. Здесь содержимое страницы не фиксируется. Я пробовал разные медиа-css и javascript liberary printjs.crabbly.com , jquery.PrintArea.js но не смог добиться успеха. Всякий раз, когда я печатаю изображение нижнего колонтитула моего отчета, перекрывающее основное содержимое. проблема в том, что я не смог явно добавить page-break-* css в соответствующее место, поскольку содержимое страницы не исправлено.

 @media {

footer{
        position:fixed;
        width: 100%;
        right:0;
        bottom:0;
        display:block;
        height: 100px;
        page-break-inside: avoid;
        page-break-after: always;
     }
 

Даже я пытался использовать css @page с фиксированным полем, но нижний колонтитул прокручивается с основным содержимым.

Изображение нижнего колонтитула:

Пожалуйста, помогите мне. Спасибо!