印刷スタイルシート用に CSS で生成されたコンテンツが表示されないという奇妙な問題が発生しています。印刷スタイルシートは印刷時に適用されますが、生成されたコンテンツは表示されません。
例:
<!DOCTYPE html>
<html>
<head>
<title>Testprint</title>
<style>
@media print {
@page {
size: auto;
margin: 2cm;
@top-center {
content: 'dsdsdfsdfdfs';
font-size: 10pt;
text-align: center;
color: black;
}
}
h1 {
color: red;
}
}
</style>
</head>
<body>
<h1>PRINT</h1>
</body>
</html>
h1 の赤いカラーリングは印刷に適用されますが、@top-center セレクターのコンテンツは表示されません。これを解決する方法についての指針を大いに感謝します。