Mengapa Penomboran Halaman CSS Tidak Berfungsi dalam Chrome, Firefox dan IE9?

Sokongan Penyemak Imbas untuk Penomboran Halaman CSS

Walaupun penggunaan CSS yang meluas, sokongan penyemak imbas untuk cirinya boleh berbeza-beza. Satu ciri sedemikian yang menghadapi keserasian terhad ialah nombor halaman CSS, direka untuk menambah nombor halaman pada versi bercetak halaman web. Menyediakan penomboran halaman dengan CSS ialah proses yang agak mudah, seperti yang ditunjukkan oleh coretan kod yang disediakan:

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

Malangnya, mengikut respons yang diterima, teknik ini telah menghadapi masalah pada penyemak imbas popular seperti Chrome, Firefox , dan IE9 apabila cuba mencetak halaman web. Sebab kekurangan fungsi ini terletak pada had sokongan penyemak imbas untuk kotak margin, seperti yang dinyatakan dalam konteks:

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

Halaman Wikipedia yang dipetik bertajuk "Perbandingan Enjin Susun Atur (Cascading Style Sheets)" menyediakan maklumat lanjut tentang sokongan penyemak imbas terhad untuk pelbagai ciri, termasuk kotak margin. Sehingga kotak margin menerima sokongan yang lebih komprehensif daripada penyemak imbas, melaksanakan penomboran halaman melalui CSS akan kekal sebagai cabaran.

Atas ialah kandungan terperinci Mengapa Penomboran Halaman CSS Tidak Berfungsi dalam Chrome, Firefox dan IE9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!