Pourquoi la numérotation des pages CSS ne fonctionne-t-elle pas dans Chrome, Firefox et IE9 ?

Prise en charge par le navigateur de la numérotation des pages CSS

Malgré l'utilisation généralisée du CSS, la prise en charge par le navigateur de ses fonctionnalités peut varier. L'une de ces fonctionnalités dont la compatibilité est limitée concerne les numéros de page CSS, conçus pour ajouter des numéros de page aux versions imprimées des pages Web. La configuration de la numérotation des pages avec CSS est un processus relativement simple, comme l'illustre l'extrait de code fourni :

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

Malheureusement, d'après les réponses reçues, cette technique a rencontré des problèmes sur les navigateurs populaires tels que Chrome, Firefox. , et IE9 lors de la tentative d'impression de pages Web. La raison de ce manque de fonctionnalité réside dans les limitations de la prise en charge par le navigateur des zones de marge, comme indiqué dans le contexte :

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

La page Wikipédia citée intitulée "Comparaison des moteurs de mise en page (feuilles de style en cascade)" fournit un aperçu plus approfondi de la prise en charge limitée du navigateur pour diverses fonctionnalités, y compris les zones de marge. Jusqu'à ce que les zones de marge reçoivent une prise en charge plus complète de la part des navigateurs, la mise en œuvre de la numérotation des pages via CSS restera un défi.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!