Я хочу распечатать веб-сайт и исключить нижний колонтитул с первой страницы

У меня есть веб-сайт, и я хочу создать PDF-файл с функцией печати. Мне нужно добавить нижний колонтитул на все страницы. Только первая страница должна быть без нижнего колонтитула. Я уже пробовал свойство отображения, которое не работает. Вы знаете решение?

Вот как устанавливается нижний колонтитул:

.page-footer {
    position: fixed;
    bottom: 0;
}
// HTML
<footer class="page-footer">
    Text for footer
</footer>```

person Sally    schedule 11.12.2020    source источник


Ответы (1)


Добавьте еще один класс в нижний колонтитул главной страницы и скройте его в CSS для печати. Наряду с классом page-footer добавьте еще один класс home-page-footer и скройте его при печати.

.home-page-footer { display: none; }

Вам нужно будет создать отдельный файл print.css и установить правило css для печатных носителей.

печать.css

@page {
   /* rules as per your requirement */
  size: 190mm 130mm;
  margin: 0;
  margin-top:10mm;
}
@media print {

  .home-page-footer { display: none; }
  
  }  

Вам не нужно устанавливать правило для класса .home-page-footer в обычном файле css. или состояние.

person Silkograph    schedule 11.12.2020
comment
Я предполагаю, что проблема в том, что нижний колонтитул, который у них есть, должен быть напечатан не на первой странице, а на каждой второй странице. Значит, ваше решение не поможет? - person Zero Soul Eater; 11.12.2020
comment
Вы контролируете этот веб-сайт или этот веб-сайт принадлежит кому-то другому? Можете ли вы обновить этот css? - person Silkograph; 11.12.2020
comment
это мой сайт - person Sally; 11.12.2020
comment
Хорошо, тогда вы можете добавить класс home-page-footer только в нижний колонтитул домашней страницы? вместе с нижним колонтитулом по умолчанию. - person Silkograph; 11.12.2020
comment
‹footer class=home-page-footer page-footer› Текст для нижнего колонтитула ‹/footer› только для главной страницы - person Silkograph; 11.12.2020