前提・実現したいこと
CSSのcounterでページ数を追加して表示しています。
印刷プレビュー画面では正常に表示されていますが、
実際に印刷するとcounterの数字が印字されません。
発生している問題・エラーメッセージ
例えば、全部で12ページ分になったとして、5ページ目だけ印字されていたりします。
該当のソースコード
body { counter-reset: sheet; } .sheet::after { position: absolute; bottom: 20px; right: 400px; counter-increment: sheet; content: counter(sheet); }
試したこと
Macのsafari、Chrome
WindowsのIE11、Chrome
いずれも、プレビューでは正常に表示されていますが、
実際に印刷すると表示されません。
↓の中にも書いてみたりもしましたがダメでした。
@media print { }
回答1件
あなたの回答
tips
プレビュー