CSS página x de y para @media print
Prefacio a esta pregunta diciendo que sé que esta pregunta se ha hecho antes, pero todas las respuestas que puedo encontrar para estos parecen hacer referencia a una solución obsoleta que ya no funciona (al menos en Firefox 56 [64 bit])
El método obsoleto es que solía haber un contador CSS instanciado automáticamente llamadopages
, así que un poco de CSS generado a partir de este SASS:
footer {
position: fixed;
bottom: 0;
left: 20px;
&:after {
counter-increment: page;
content: "Page " counter(page) " of " counter(pages);
}
}
Solía hacer lo que quiero. Ahora muestra "Página [x] de 0".
He intentado usar este bit de CSS para recrear mi propio contador de páginas máximas:
@page {
counter-increment: maxpage;
}
Sin embargo, esto también devuelve 0 cuando se usa en mi pie de página.
¿Existe alguna forma razonablemente amigable para todos los navegadores de obtener esta funcionalidad?