Hinzufügen von Seite x von y in einer Fußzeile mit HTML/CSS für den Druck ⇐ HTML

[Anonymous]

Ich habe dieses Beispiel gefunden
https://plnkr.co/edit/lwk6yd?preview
wobei ein Fußzeile und ein Header zu jeder Seite " Printing " hinzugefügt werden. Jetzt möchte ich dieses Beispiel mit "Seite x von y" erweitern. Ich kann dies mit diesen Codezeilen < /p>
tun

Code: Select all

@page {
margin: 20mm;
size: A4 landscape;
@bottom-right {
content: counter(page) " of " counter(pages);
}
}

Das Problem ist, dass dies nicht in der gelben Fußzeile überlagert werden kann.@media print {
thead {display: table-header-group;}
tfoot {display: table-footer-group;}

button {display: none;}

body {margin: 0;}
.page-footer::after {
content: "Page " counter(page) " / " counter(pages);
position: absolute;
right: 20mm;
top: 50%;
transform: translateY(-50%);
}
}
< /code>
, aber dies ergibt nur < /p>

Seite 0/0 < /p>
< /blockquote>
.
Wie kann ich die 0 /0 < /em>? < /p> beheben.>