Warum funktioniert die CSS-Seitennummerierung in Chrome, Firefox und IE9 nicht?

Browserunterstützung für CSS-Seitennummerierung

Trotz der weit verbreiteten Verwendung von CSS kann die Browserunterstützung für seine Funktionen variieren. Eine dieser Funktionen, deren Kompatibilität eingeschränkt ist, sind CSS-Seitenzahlen, mit denen den gedruckten Versionen von Webseiten Seitenzahlen hinzugefügt werden sollen. Das Einrichten der Seitennummerierung mit CSS ist ein relativ unkomplizierter Vorgang, wie das folgende Code-Snippet zeigt:

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Bedauerlicherweise sind bei dieser Technik, wie aus den erhaltenen Antworten hervorgeht, Probleme in gängigen Browsern wie Chrome und Firefox aufgetreten und IE9 beim Versuch, Webseiten zu drucken. Der Grund für diese mangelnde Funktionalität liegt in den Einschränkungen der Browserunterstützung für Randfelder, wie im Kontext erwähnt:

No wonder it wouldn't work! ... Getting this implemented would save me the overhead of having to convert the printed media to PDF.

Die zitierte Wikipedia-Seite mit dem Titel „Comparison of Layout Engines (Cascading Style Sheets)“ bietet Weitere Einblicke in die eingeschränkte Browserunterstützung für verschiedene Funktionen, einschließlich Randfelder. Bis Randfelder von Browsern umfassender unterstützt werden, wird die Implementierung der Seitennummerierung über CSS eine Herausforderung bleiben.

Das obige ist der detaillierte Inhalt vonWarum funktioniert die CSS-Seitennummerierung in Chrome, Firefox und IE9 nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!