CSS @ page header не отображается на каждой странице при печати из TryitEditor в Safari (iOS)

Question

Работает в TryitEditor W3 У меня в настоящее время есть CSS:

p.hr {
  position: running(header)
}
@media print {
  .pagebreak { page-break-before: always; } 

  @page {
    @top-center {
      content: element(header);
    }
  }
}

HTML элемент:

<p class = 'hr' >Heading placeholder</p>

и сценарий basi c для печати:

<script>window.print()</script>

Я считаю, что у меня правильный метод, но когда я запускаю страницу, предварительный просмотр печати отображается с моим заголовком только на первой странице. Это проблема моего CSS, моих методов, моего iOS браузера или среды HTML W3, не оборудованной для обработки настроек @page? Благодаря.

Answer 1

К сожалению, @page не поддерживается в Safari. https://developer.mozilla.org/en-US/docs/Web/CSS/@page