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

Question

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

有谁有建议吗？谢谢。

Answer 1

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

@媒体打印{…}

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/)。它允许您输入各种设置，包括水印、封面、目录甚至页码。