Question

我遇到了一个奇怪的问题，即通过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选择器中的内容不会显示。将极大地指出如何解决这个问题的任何指针。

Answer 1

这是CSS Generated Content for Paged Media（亲切地称为GCPM）模块的一项功能。目前在主流浏览器中没有已知的GCPM稳定实现，尽管有相关CSS Paged Media 3模块的覆盖范围。

CSS打印样式表生成的内容未显示

1 个答案: