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

Question

3

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

有人有建议吗？谢谢。

- Kelvin

2个回答

2

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

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

- Aaron Vanston

感谢您提供的链接http://www.andypemberton.com/css/print-watermarks-with-css/。它在Firefox上运行得非常好，但是在Chrome上不支持。 - Kelvin

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Etienne Martin · Accepted Answer

使用打印样式表结合 CSS 固定定位，实现在每一页上重复水印。

@media print { … }