CSS在浏览器打印功能中显示Watermark

Question

我有一个HTML页面，它是一个报告。当我使用打印功能（Ctrl + P）时，它长达10页。我想为每个页面显示水印。

有人有建议吗？ 感谢。

Answer 1

使用结合css固定位置的打印样式表在每页上重复水印。

@media print {    ... }

Answer 2

您可以使用打印样式表添加一些额外的样式（和水印）。让它与它一起工作在每个页面上重复水印可能有点棘手。您可以在此处查看更多信息：http://www.andypemberton.com/css/print-watermarks-with-css/

通常在报告中我倾向于使用另一种工具将页面转换为pdf，例如wkhtmltopdf（http://wkhtmltopdf.org/）或PDFtk（https://www.pdflabs.com/docs/pdftk-man-page/）。它允许您输入各种设置，以包括水印，封面，目录甚至页码。