CSS ページ番号付けが Chrome、Firefox、IE9 で機能しないのはなぜですか?

CSS ページ番号付けのブラウザ サポート

CSS は広く使用されていますが、その機能に対するブラウザ サポートはさまざまです。互換性が制限されている機能の 1 つは、Web ページの印刷版にページ番号を追加するように設計された CSS ページ番号です。 CSS を使用したページ番号の設定は、次のコード スニペットに示されているように、比較的簡単なプロセスです。

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

残念ながら、受け取った回答によると、この手法は Chrome や Firefox などの一般的なブラウザでは問題が発生しました。 、Web ページを印刷しようとするときは IE9。この機能がない理由は、コンテキストで説明されているように、マージン ボックスに対するブラウザのサポートの制限にあります。

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

引用された「レイアウト エンジン (カスケード スタイル シート) の比較」というタイトルの Wikipedia ページでは、次のように説明されています。マージン ボックスを含むさまざまな機能に対する限定的なブラウザ サポートについてさらに詳しく説明します。マージン ボックスがブラウザーからより包括的なサポートを受けるまで、CSS を介してページ番号を実装することは依然として課題となります。

以上がCSS ページ番号付けが Chrome、Firefox、IE9 で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。